::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{box-sizing:border-box;background-color:#000;width:280px;height:100%;padding:20px 14px;transition:all .3s ease-in-out;position:fixed;overflow-y:auto}.layout-sider.inactive{width:80px;padding:20px 8px}.layout-sider .top-section{justify-content:space-between;align-items:center;width:100%;height:50px;margin-bottom:15px;display:flex;position:relative}.layout-sider .logo{opacity:1;cursor:pointer;align-items:center;height:50px;text-decoration:none;transition:opacity .2s;display:flex;overflow:hidden}.layout-sider.inactive .logo{display:none}.layout-sider .logo img{width:36px;height:36px;margin-right:8px}.layout-sider .logo span{text-transform:uppercase;color:#fff;font-size:24px;font-weight:700}.layout-sider .top-section .toggle-menu-btn{color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:background .2s;display:flex}.layout-sider .top-section .toggle-menu-btn:hover{background:#ffffff1a}.layout-sider.inactive .top-section{justify-content:center}.layout-sider .search-controller{height:36px;margin:15px 0;display:block;position:relative}.layout-sider.inactive .search-controller{display:none}.layout-sider .search-controller .search-icon{color:#aaa;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.layout-sider .search-controller input{color:#fff;background:#222;border:0;border-radius:6px;outline:none;width:100%;height:100%;padding-left:36px;font-size:14px;display:block}.divider{background:#333;width:100%;height:1px;margin-bottom:10px}.layout-sider .sider-nav{width:100%}.layout-sider .sider-nav .sider-nav-item{width:100%;margin-bottom:6px;display:block;position:relative}.sider-nav-item .sider-nav-link{color:#eee;border-radius:8px;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s;display:flex}.sider-nav-item .sider-nav-link i{flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.sider-nav-item .sider-nav-link span{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:1.2;overflow:hidden}.sider-nav-item:hover .sider-nav-link{color:#fff;background-color:#2b2b2b}.sider-nav-item.active .sider-nav-link{color:#fff;background-color:#1976d2}.layout-sider.inactive .sider-nav-item .sider-nav-link{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px}.layout-sider.inactive .sider-nav-item .sider-nav-link i{font-size:20px}.layout-sider.inactive .sider-nav-item .sider-nav-link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:400;display:block;overflow:hidden;transform:scale(.92)}.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}.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}.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}.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 #d1d7db;max-width:100%;height:calc(100vh - 104px);display:flex;position:relative;overflow:hidden}.chat__list{background-color:#fff;border-right:1px solid #d1d7db;flex-direction:column;flex:0 0 30%;min-width:280px;max-width:420px;display:flex;position:relative;overflow:hidden}.chat__panel{background-color:#efeae2;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.chat__panel-header{box-sizing:border-box;background-color:#f0f2f5;border-bottom:1px solid #d1d7db;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 16px;display:flex;position:relative}.chat__panel-header h3{color:#111b21;margin:0;font-size:16px;font-weight:600}.chat-list-header{z-index:1;background-color:#f0f2f5;border-bottom:1px solid #d1d7db;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:10px 16px;display:flex}.chat-list-title{color:#111b21;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;border-radius:50%;min-width:32px;padding:5px;transition:background-color .15s}.chat-list-actions button:hover{background-color:#0000000f}.chat-list-actions i,.chat-list-actions svg{color:#54656f;font-size:16px;transition:color .2s}.chat-list-actions button:hover svg{color:#00a884}.chat__list-search{background:#f0f2f5;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:#8696a0}.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 #f0f2f5;align-items:flex-start;padding:12px 16px;transition:background-color .15s;display:flex;position:relative}.chat-list-session:hover{background-color:#f5f6f6}.chat-list-session.active{background-color:#f0f2f5}.chat-list-session__avatar{background-color:#dfe5e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;display:flex}.chat-list-session__avatar i,.chat-list-session__avatar svg{color:#666;font-size:18px}.chat-list-session__content{flex:1;overflow:hidden}.chat-list-session__header{justify-content:space-between;margin-bottom:4px;display:flex}.chat-list-session__user{color:#111b21;margin:0;font-size:15px;font-weight:500}.chat-list-session__time{color:#8696a0;white-space:nowrap;font-size:12px}.chat-list-session__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list-session__preview{color:#667781;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.chat-list-session__badge{color:#fff;background-color:#25d366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:600;display:flex}.chat__panel-messages{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-no-message{color:#8696a0;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.chat__panel-message{flex-direction:column;width:100%;margin:6px 0;display:flex}.chat__panel-message.sent{align-items:flex-end}.chat__panel-message.received{align-items:flex-start}.chat__panel-message-wrapper{align-items:center;gap:6px;max-width:75%;display:flex}.chat__panel-message.sent .chat__panel-message-wrapper{flex-direction:row-reverse}.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-radius:8px;min-width:48px;max-width:100%;padding:8px 12px;font-size:14.5px;line-height:1.45;display:inline-block;box-shadow:0 1px .5px #00000014}.chat__panel-message.received .chat__panel-message-bubble,.chat__panel-message.received .chat__panel-message-link{color:#111b21;background-color:#fff}.chat__panel-message.sent .chat__panel-message-bubble,.chat__panel-message.sent .chat__panel-message-link{color:#111b21;background-color:#d9fdd3}.chat__panel-message-image{max-width:100%}.chat__panel-message-time{color:#8696a0;height:18px;margin-top:2px;font-size:11px;line-height:18px}.chat__panel-message-bubble a,.chat__panel-message-link a{color:#0b57d0;word-break:break-all;text-decoration:none}.chat__panel-message-bubble a:hover,.chat__panel-message-link a:hover{text-decoration:underline}.chat__panel-message.sending .chat__panel-message-bubble,.chat__panel-message.sending .chat__panel-message-image img{opacity:.6}.chat__panel-message.failed .chat__panel-message-bubble,.chat__panel-message.failed .chat__panel-message-link{background-color:#fff1ef;border:1px solid #ffb4a9}.chat__panel-message.failed .chat__panel-message-image img{opacity:.85;border:1px solid #ffb4a9;border-radius:8px}.chat__panel-message-status-icon{color:#e63946;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .15s,background-color .15s;display:flex}.chat__panel-message-status-icon.sending{cursor:default;color:#8696a0}.chat__panel-message-status-icon.failed{cursor:pointer;background-color:#fff1ef}.chat__panel-message-status-icon.failed:hover{background-color:#ffe0dc;transform:scale(1.1)}.chat__panel-message-status-icon.failed:active{transform:scale(.94)}.chat__panel-message-spinner{box-sizing:border-box;border:2px solid #e5e7eb;border-top-color:#8696a0;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite chat-message-spin}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.chat__panel-input{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;margin:10px 20px 16px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #00000014}.chat__panel-input:focus-within{box-shadow:0 0 0 1.5px #00a884}.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;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;outline:none;flex:1;min-height:40px;padding:10px 90px 10px 35px;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.chat__panel-textarea::-webkit-scrollbar{display:none}.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:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:12px;padding:0;transition:background-color .2s,transform .1s;display:flex}.chat__panel-send-button:hover{background-color:#06916f;transform:translateY(-1px)}.chat__panel-send-button:active{background-color:#057a5e;transform:translateY(0)}.chat__panel-send-button:focus{outline:none;box-shadow:0 0 0 2px #00a8844d}.chat__panel-send-button:disabled{opacity:.7;cursor:not-allowed;background-color:#a8d5c9;transform:none}.layout-wrapper{width:100%;height:100%;min-height:100vh;position:relative}.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{box-sizing:border-box;background:#fff;flex-direction:column;height:100%;transition:all .2s ease-in;display:flex;position:absolute;inset:0 0 0 280px}.layout-container.inactive{left:80px}.layout-header{box-sizing:border-box;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;display:flex;box-shadow:0 1px 4px #00152914}.layout-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;padding:20px;display:flex;overflow:hidden auto}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}ul{margin:0;padding:0}li{list-style:none}body{background-color:#eee;font-family:sans-serif}