::placeholder{color:#c7c7cd;font-size:16px;font-weight:400}.custom-label{color:#101030;font-size:18px;font-weight:500}.custom-input{position:relative;color:#333;background:#eee;padding:10px;font-family:"sans-serif";font-size:18px;font-weight:400;width:100%;height:100%;line-height:1;outline:none;border:1px solid transparent;border-radius:6px}.custom-input.password{padding-right:50px}.custom-tooltip-box{position:absolute;display:inline-block;top:50%;transform:translateY(-50%);right:15px;width:24px;height:24px;z-index:10}.custom-tooltip-icon-button{position:relative;display:inline-block;cursor:pointer;outline:none;border:none;background:transparent;color:#a6a6a6}.custom-text-input-box{position:relative;display:block;height:50px}.custom-text-input-box .custom-input{border:1px solid #CCC;background:#fff}.custom-input-base:focus,.custom-icon-input-box .custom-input:focus{border:1px solid #2962FF}.custom-icon-input-icon{position:absolute;top:50%;transform:translateY(-50%);color:gray;height:24px;width:24px;margin:0 10px;color:#acacac;z-index:10;pointer-events:none}.custom-icon-input-box{position:relative;height:50px}.custom-icon-input-box .custom-input{padding-left:40px;border:1px solid #CCC;background:#fff}.custom-input-group-field{position:relative}.custom-input-alert-box{position:relative;display:inline-block;width:100%;height:24px;line-height:24px;color:inherit}.custom-input-alert-icon{margin-right:15px}.custom-input-alert-text{font-size:15px}.button{border-radius:20px;border:1px solid #5995fd;background:#5995fd;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}.button:active{transform:scale(.95)}.button:focus{outline:none}.button.ghost{background:transparent;border-color:#fff}.layout-login-container{position:absolute;height:100%;width:100%;top:0;left:0;background-color:#0077be}.login-form-container{width:380px;height:480px;position:relative;margin:6% auto;background:#fff;padding:5px;overflow:hidden;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;border-radius:5px}.login-form-container .login-form{display:flex;flex-direction:column;height:100%;padding:0 50px;justify-content:center;align-items:center;text-align:center}.login-form-container .login-title{font-size:38px;font-weight:700;color:#444;margin-bottom:10px}.login-input-checkbox{display:flex;margin:10px 0;width:100%;font-size:12px}.login-input-checkbox input{margin-right:5px}.login-input-checkbox label{color:#777}.layout-header-name{display:inline-block;position:relative;height:100%;font-size:26px;line-height:64px;color:#000;left:0;top:0;padding-left:50px;vertical-align:top}.layout-header-right-container{display:inline-block;position:relative;padding-right:50px}.layout-header-right-container .user-profile{display:inline-block;position:relative;vertical-align:top;line-height:63px}.user-profile .avatar{top:0;display:inline-block;position:relative;text-align:center;width:32px;height:32px;font-size:18px;line-height:32px;border-radius:50%;background-color:red;color:#fff}.user-profile .user-info{display:inline-block;position:relative;font-size:18px;padding-left:10px}.layout-header-right-container .icon-logout{display:inline-block;position:relative;cursor:pointer;background-color:inherit;border:0;margin-left:30px;outline:none}.layout-header-right-container .icon-logout{font-size:23px;line-height:64px}.layout-sider .top-section{height:50px;width:100%;display:block;position:relative}.layout-sider .logo{display:block;position:relative;text-decoration:none;height:50px;width:100%;opacity:1;overflow:hidden;cursor:pointer}.layout-sider.inactive .logo{opacity:0;width:0;height:0;overflow:hidden}.layout-sider .logo img{vertical-align:top;display:inline-block;width:45px;height:45px;margin-right:5px;overflow:hidden}.layout-sider .logo span{display:inline-block;position:relative;text-transform:uppercase;height:50px;line-height:50px;color:#fff;font-size:30px}.layout-sider.dark .logo span{color:#fff}.layout-sider.white .logo span{color:#000}.layout-sider .top-section .toggle-menu-btn{position:absolute;display:block;color:#fff;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;font-size:23px;line-height:40px;text-align:center;cursor:pointer}.layout-sider.dark .top-section .toggle-menu-btn{color:#fff}.layout-sider.white .top-section .toggle-menu-btn{color:#000}.layout-sider .search-controller{position:relative;display:block;height:35px;margin:20px 0}.layout-sider .search-controller .search-icon{position:absolute;display:block;color:#fff;height:35px;width:35px;font-size:16px;text-align:center;line-height:35px}.layout-sider .search-controller input{display:block;border:0;outline:none;height:100%;width:100%;background:#333;color:#fff;border-radius:5px;padding-left:40px}.divider{width:100%;height:1px;border-radius:1px;background:#333}.layout-sider .sider-nav{margin-top:20px;width:100%}.layout-sider .sider-nav .sider-nav-item{position:relative;display:block;text-decoration:none;color:#666;height:40px;width:100%;cursor:pointer;margin-top:3px;overflow:hidden}.layout-sider.dark .sider-nav-item .sider-nav-link{color:#eee}.layout-sider.dark .sider-nav-item:hover .sider-nav-link{color:#11101d;background:#fff}.layout-sider.white .sider-nav-item .sider-nav-link{color:#75838f;background:#fff}.layout-sider.white .sider-nav-item:hover .sider-nav-link{background:#eee}.layout-sider.white .sider-nav-item.active .sider-nav-link{color:#fff;background:#1a73e8}.sider-nav-item .sider-nav-link{text-decoration:none;display:block;color:#eee;border-radius:5px;align-items:center;transition:all .4s ease;overflow:hidden}.sider-nav-item .sider-nav-link i{display:inline-block;position:relative;top:5px;padding:0 5px}.sider-nav-item:hover .sider-nav-link{color:#11101d;background:#fff}.sider-nav-item.active .sider-nav-link{background:#666;color:#fff}.sider-nav-item .icon{position:relative;display:inline-block;width:40px;height:40px;font-size:23px;line-height:40px;border-radius:5px;vertical-align:top;text-align:center}.sider-nav-item .sider-nav-link span{display:inline-block;position:relative;line-height:40px;font-size:16px;font-weight:600;opacity:1}.layout-sider.inactive .sider-nav-item .sider-nav-link span{display:none;opacity:0}.layout-sider .sider-nav-item .sider-nav-tooltip{position:absolute;left:0;top:0;transform:translateY(-50%);border-radius:5px;height:35px;line-height:35px;text-align:center;background-color:inherit;color:#eee;transition:0s;opacity:0;z-index:99;pointer-events:none}.layout-sider.inactive .sider-nav-item:hover .sider-nav-tooltip{transition:all .5s ease;top:50%;opacity:0}.layout-sider .main-menu .sub-menu{margin-left:20px;border-left:1px solid #666;box-sizing:border-box;padding-left:30px;color:#666;overflow:hidden;max-height:0}.layout-sider .main-menu .sub-menu.active{max-height:200px}.layout-sider .main-menu .sub-item{display:block;box-sizing:border-box;text-decoration:none;color:#666;margin:5px 0;font-size:15px;font-weight:600;cursor:pointer;padding:5px}.layout-sider .main-menu .sub-item.active{background:#666;color:#fff;border-radius:5px}.custom-input-box{position:relative;height:60px;margin:25px 10px;display:flex}.custom-input-box input{height:100%;width:65%;background:#fff;color:#333;font-size:18px;font-weight:500;outline:none;border-radius:6px;padding:0 50px 0 16px;border:2px solid #a6a6a6}.custom-input-box i{position:absolute;top:50%;transform:translateY(-50%)}.custom-input-box label{width:35%;font-size:18px;line-height:60px;font-weight:500;background:#fff;padding-right:10px;color:#a6a6a6;pointer-events:none;text-align:right;transition:all .3s ease}.custom-input-box input:focus{border-color:#4070f4}.custom-input-box i{right:15px}.custom-alert{display:flex;align-items:center;margin-top:-10px;width:100%;height:100%}.custom-alert i{display:inline-block;margin-left:35%;margin-right:10px;color:#d93025;width:24px;height:24px}.custom-alert span{color:#a6a6a6;font-size:18px;font-weight:500}.emoji-picker-container{position:relative;cursor:pointer}.emoji-picker-container i{font-size:20px;color:#555}.emoji-picker-container i:hover{color:#007bff}.emoji-picker{position:absolute;bottom:50px;right:0;z-index:1000;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026}.image-uploader-container{height:100%;display:flex;align-items:center;justify-content:center}.image-uploader-container i{font-size:20px;color:#555}.image-uploader-container i:hover{color:#007bff}.image-uploader-preview{display:flex;flex-wrap:wrap;justify-content:flex-start}.image-uploader-preview-item{position:relative;width:60px;height:60px;margin-right:10px}.image-uploader-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #ccc}.image-uploader-preview-remove{position:absolute;top:5px;right:5px;font-size:16px;color:red;cursor:pointer;background:#fffc;border-radius:50%;padding:2px}.image-uploader-preview-remove:hover{color:#c00}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-content{position:relative;background:none;padding:0;max-width:90vw;max-height:90vh}.image-modal-close{position:absolute;top:15px;right:15px;color:#fff;background:#0009;border:none;border-radius:50%;width:36px;height:36px;font-size:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out}.image-modal-close:hover{background-color:#000000e6}.image-modal-close i{font-size:24px;color:#fff}.image-modal-image{max-width:100%;max-height:90vh;height:auto;object-fit:contain;display:block}.image-modal-thumbnail{cursor:pointer;transition:opacity .2s;max-width:100%;max-height:250px;width:auto;height:auto;border-radius:10px;object-fit:contain;display:block}.image-modal-thumbnail:hover{opacity:.8}.chat-list-sessions::-webkit-scrollbar,.chat__panel-messages-display::-webkit-scrollbar{width:6px}.chat-list-sessions::-webkit-scrollbar-thumb,.chat__panel-messages-display::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chat-list-sessions::-webkit-scrollbar-thumb:hover,.chat__panel-messages-display::-webkit-scrollbar-thumb:hover{background:#999}.chat-container{position:relative;display:flex;height:calc(100vh - 104px);max-width:100%;border:1px solid #ccc;overflow:hidden;background-color:#fff}.chat__list{display:flex;flex-direction:column;flex:0 0 20%;border-right:1px solid #ccc;overflow:hidden;position:relative;background-color:#fff}.chat__panel{position:relative;flex:0 0 80%;background-color:#fff;height:100%;flex:1;display:flex;flex-direction:column}.chat__panel-header{position:relative;width:100%;height:60px;padding:10px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;box-sizing:border-box}.chat-list-header{height:60px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#ebebeb;border-bottom:1px solid #ccc;z-index:1}.chat-list-title{margin:0;font-size:18px;font-weight:700}.chat-list-actions{display:flex;gap:8px}.chat-list-actions button{background:none;border:none;cursor:pointer;padding:5px;min-width:32px}.chat-list-actions i{color:#888;font-size:16px;transition:color .2s ease}.chat-list-actions button:hover i{color:#1890ff}.chat__list-search{position:relative;width:100%;height:50px;background:#f6f6f6;display:flex;justify-content:center;align-items:center;padding:0 10px}.chat__list-search-input{width:100%}.chat__list-search-input input{width:100%;outline:none;border:none;background-color:#fff;height:38px;border-radius:30px;font-size:14px;padding:6px 6px 6px 40px}.chat__list-search-input input::placeholder{color:#bbb}.chat__list-search-input i{position:absolute;left:20px;top:15px;font-size:1.2em}.chat-list-sessions{background-color:#fff;flex:1;overflow-y:auto;margin:0;padding:0}.chat-list-session{display:flex;align-items:flex-start;padding:12px;border-bottom:1px solid #eee;cursor:pointer;position:relative;transition:background-color .2s}.chat-list-session:hover{background-color:#f9f9f9}.chat-list-session.active{background-color:#e6f7ff}.chat-list-session__avatar{width:40px;height:40px;background-color:#ccc;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center}.chat-list-session__avatar i{font-size:18px;color:#666}.chat-list-session__content{flex:1;overflow:hidden}.chat-list-session__header{display:flex;justify-content:space-between;margin-bottom:5px}.chat-list-session__user{font-size:15px;font-weight:500;margin:0;color:#111}.chat-list-session__time{font-size:12px;color:#aaa}.chat-list-session__footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-list-session__preview{font-size:12px;color:#aaa;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-session__badge{background-color:#06d755;color:#fff;font-size:10px;border-radius:50%;height:20px;min-width:20px;display:flex;justify-content:center;align-items:center}.messages{flex:1;overflow-y:auto;margin-bottom:10px}.message{margin:5px 0}.message.me{text-align:right}.message.user{text-align:left;background-color:#f1f1f1;padding:6px;margin:4px 0;border-radius:8px;max-width:70%}.message.agent{text-align:right;background-color:#d1e7ff;padding:6px;border-radius:8px;margin:4px 0 4px auto;max-width:70%}.unread-badge{display:inline-block;background-color:red;color:#fff;border-radius:12px;padding:2px 6px;font-size:12px;margin-left:8px;vertical-align:middle}.chat__panel-messages{position:relative;display:flex;flex-direction:column;height:calc(100% - 170px);background:#fff;padding:20px;overflow:hidden}.chat__panel-messages-display{flex:1;width:100%;overflow-y:auto;padding-right:10px;box-sizing:border-box}.chat__panel-message{display:flex;flex-direction:column;margin:10px 0}.chat__panel-message.sent{align-items:flex-end}.chat__panel-message.received{align-items:flex-start}.chat__panel-message-bubble,.chat__panel-message-link{display:flex;max-width:80%;flex-direction:column;overflow-x:auto;border-radius:8px;padding:.5rem 1rem .75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;font-size:16px}.chat__panel-message.sent .chat__panel-message-bubble,.chat__panel-message.sent .chat__panel-message-link{background-color:#fef1e1}.chat__panel-message-time{height:24px;line-height:24px;font-size:12px;color:#71717a;text-transform:uppercase}.chat__panel-message-link a{color:#007bff;text-decoration:none}.chat__panel-message-link a:hover{text-decoration:underline}.chat__panel-input{display:flex;flex-direction:column;margin:10px 20px;padding:10px;background:#fff;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.chat__panel-input:focus-within{border-color:#007bff}.chat__panel-input-area{display:flex;flex-direction:column;align-items:stretch}.chat__panel-textarea-wrapper{position:relative;display:flex;align-items:center;width:100%;min-height:40px}.chat__panel-textarea{flex:1;padding:10px 90px 10px 30px;resize:none;min-height:40px;line-height:1.5;border:none;outline:none;box-sizing:border-box;font-size:16px}.image-uploader-left{display:flex;position:absolute;left:0;bottom:0;height:40px;cursor:pointer}.chat__panel-textarea-right{display:flex;align-items:center;position:absolute;right:0;bottom:0;height:40px}.chat__panel-send-button{display:flex;align-items:center;justify-content:center;padding:0 10px;margin-left:20px;height:40px;background-color:#2563eb;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.chat__panel-send-button i{font-size:18px;color:#fff}.chat__panel-send-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.chat__panel-send-button:active{background-color:#1e40af;transform:translateY(0)}.chat__panel-send-button:focus{outline:none;box-shadow:0 0 0 2px #007bff4d}.chat__panel-send-button:disabled{background-color:#93c5fd;opacity:.6;cursor:not-allowed;transform:none}.chat__panel-message-link a{cursor:pointer}.layout-sider{position:fixed;background-color:#000;width:280px;height:100%;box-sizing:border-box;padding:30px 20px;overflow-y:overlay;transition:all .5s wase-in}.layout-sider.dark{background-color:#000}.layout-sider.white{background-color:#fff;border-right:1px solid #eee}.layout-sider.inactive{width:80px}.layout-sider::-webkit-scrollbar{width:5px}.layout-sider::-webkit-scrollbar-thumb{background-color:#707070;border-radius:5px}.layout-container{position:absolute;display:block;top:0;left:280px;height:100%;width:calc(100% - 280px);background:#fff;display:flex;flex-direction:column;transition:all .2s ease-in}.layout-container.inactive{left:80px;width:calc(100% - 80px)}.layout-header{flex-shrink:0;display:flex;justify-content:space-between;height:64px;width:100%;background:#fff;box-shadow:0 1px 4px #00152914}.layout-content{flex:1;padding:20px;overflow:auto}*{margin:0;padding:0;box-sizing:border-box}ul{margin:0;padding:0}li{list-style:none}body{background-color:#eee;font-family:Sans-Serif}