::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}.chat-container{position:relative;display:flex;height:calc(100vh - 104px);max-width:100%;border:1px solid #ccc;overflow:hidden}.chat-list-layout{display:flex;flex-direction:column;flex:20%;border-right:1px solid #ccc;padding:10px;background:#f9f9f9;overflow:hidden}.chat-list-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px;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-sessions{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}.chat-panel{position:relative;flex:80%;padding:10px;overflow-y:auto}.messages{flex:1;overflow-y:auto;margin-bottom:10px}.message{margin:5px 0}.message.me{text-align:right}.input-area{display:flex;gap:10px}.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}.message-box{display:flex;flex-direction:column;flex:1;border-radius:12px;background:#fff;border:1px solid #e5e7eb;overflow:hidden}.message-display{flex:1;overflow-y:auto;padding:16px;background:#fff}.message-wrapper{display:flex;flex-direction:column;margin:10px 0}.message-wrapper.sent{align-items:flex-end}.message-wrapper.received{align-items:flex-start}.message-bubble{display:flex;min-width:30%;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}.message-wrapper.sent .message-bubble{background-color:#fef1e1}.message-time{height:24px;line-height:24px;font-size:12px;color:#71717a;text-transform:uppercase}.message-input-wrapper{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb}.message-input-area{display:flex;gap:10px}.message-input-area textarea{flex:1;resize:none;min-height:48px;padding:12px;font-size:14px;line-height:20px;border:1px solid #e5e6eb;border-radius:8px;box-sizing:border-box;outline:none;background:#fff;overflow-y:hidden;font-family:inherit}.message-input-area textarea:hover{border-color:#cbd5e1}.message-input-area textarea:focus{border-color:#2563eb}.message-input-area button{padding:0 20px;font-size:14px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.message-input-area button:hover{background-color:#1d4ed8}.message-input-tips{font-size:12px;color:#9ca3af;margin-bottom:6px;padding-left:2px}.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}