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