html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-height:100vh}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{color:#172033;background:#f4f7fa;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}button{-webkit-tap-highlight-color:transparent}.login-page{background:radial-gradient(circle at 10% 10%,#1769e024,#0000 32%),radial-gradient(circle at 90% 90%,#1769e014,#0000 30%),#f2f6fb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #e1e7ef;border-radius:20px;width:410px;max-width:100%;padding:42px;box-shadow:0 25px 70px #192d4b1f,0 3px 10px #192d4b0a}.login-logo{color:#fff;background:#1769e0;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:31px;display:flex;box-shadow:0 8px 22px #1769e040}.login-card h1{color:#14213d;margin:0;font-size:26px;font-weight:750}.login-subtitle{color:#8793a3;margin:8px 0 30px;font-size:13px}.login-form{text-align:left}.login-form label{color:#3f4d62;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.login-form input{color:#26344a;background:#fafbfd;border:1px solid #dce3eb;border-radius:9px;outline:none;width:100%;height:47px;margin-bottom:18px;padding:0 14px;font-size:13px;transition:all .2s}.login-form input::placeholder{color:#a3adba}.login-form input:focus{background:#fff;border-color:#1769e0;box-shadow:0 0 0 3px #1769e014}.login-button{color:#fff;cursor:pointer;background:#1769e0;border:0;border-radius:9px;width:100%;height:47px;margin-top:4px;font-size:14px;font-weight:700;transition:all .2s}.login-button:hover{background:#1259bf;transform:translateY(-1px)}.login-error{color:#c62828;background:#fff2f2;border:1px solid #ffd1d1;border-radius:8px;margin:-4px 0 15px;padding:10px 12px;font-size:12px}.login-footer{color:#a0a9b6;margin-top:28px;font-size:10px}.topbar{background:#fff;border-bottom:1px solid #e3e8ee;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:#1769e0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.brand strong{color:#14213d;font-size:17px;font-weight:750;display:block}.brand span{color:#7b8798;margin-top:2px;font-size:11px;display:block}.topbar-actions{align-items:center;gap:20px;display:flex}.notification-button{cursor:pointer;background:#f5f7fa;border:0;border-radius:10px;width:40px;height:40px;font-size:17px;position:relative}.notification-dot{background:#e53935;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.profile{align-items:center;gap:10px;display:flex;position:relative}.avatar{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:flex}.profile-info strong{color:#27354a;font-size:13px;display:block}.profile-info span{color:#8994a3;margin-top:2px;font-size:10px;display:block}.profile-menu-button{color:#6c788a;cursor:pointer;background:0 0;border:0;font-size:16px}.profile-menu{z-index:50;background:#fff;border:1px solid #e1e6ec;border-radius:10px;width:190px;padding:6px;position:absolute;top:53px;right:0;box-shadow:0 15px 40px #14213d24}.profile-menu button{color:#46546a;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:7px;width:100%;padding:11px;font-size:12px}.profile-menu button:hover{background:#f3f6fa}.chat-layout{width:100%;height:calc(100vh - 72px);display:flex}.sidebar{background:#fff;border-right:1px solid #e2e7ed;flex-direction:column;width:350px;min-width:350px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:23px 22px 17px;display:flex}.sidebar-header h2{color:#172033;margin:0;font-size:20px}.sidebar-header span{color:#8490a0;margin-top:4px;font-size:11px;display:block}.new-chat-button{color:#fff;cursor:pointer;background:#1769e0;border:0;border-radius:10px;width:38px;height:38px;font-size:24px}.new-chat-button:hover{background:#1259bf}.search-box{background:#f5f7fa;border:1px solid #e5eaf0;border-radius:10px;align-items:center;gap:9px;height:44px;margin:0 18px 20px;padding:0 13px;display:flex}.search-box span{color:#8994a3;font-size:23px}.search-box input{color:#3e4c61;background:0 0;border:0;outline:none;width:100%;font-size:12px}.search-box input::placeholder{color:#a0a9b6}.sidebar-section{padding:0 10px}.section-title{color:#9aa5b4;letter-spacing:.8px;padding:0 12px;font-size:9px;font-weight:800}.conversation-list{margin-top:8px}.conversation{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.conversation.active{background:#edf4ff}.conversation-avatar{color:#526b88;background:#e5edf8;border-radius:50%;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;font-size:11px;font-weight:800;display:flex;position:relative}.online-indicator{background:#24b36b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:-1px}.conversation-content{flex:1;min-width:0}.conversation-top,.conversation-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.conversation-top strong{color:#26344a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.conversation-top span{color:#9aa4b2;font-size:9px}.conversation-bottom{margin-top:5px}.conversation-bottom>span{color:#8994a3;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.unread{color:#fff;background:#1769e0;border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:9px;display:flex}.section-title-row{justify-content:space-between;align-items:center;padding:0 12px;display:flex}.section-title-row button{color:#1769e0;cursor:pointer;background:0 0;border:0;font-size:19px}.group-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;display:flex}.group-icon{background:#eef2f7;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.group-item strong{color:#344258;font-size:11px;display:block}.group-item span{color:#909baa;margin-top:3px;font-size:9px;display:block}.sidebar-footer{border-top:1px solid #edf0f4;margin-top:auto;padding:18px}.server-status{align-items:center;gap:10px;display:flex}.server-status>span{background:#24b36b;border-radius:50%;width:8px;height:8px}.server-status strong{color:#354258;font-size:10px;display:block}.server-status small{color:#9aa4b2;margin-top:2px;font-size:8px;display:block}.chat{background:#f7f9fc;flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;height:76px;padding:0 26px;display:flex}.chat-person{align-items:center;gap:13px;display:flex}.chat-avatar{color:#1769e0;background:#dceaff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:800;display:flex;position:relative}.chat-person h2{color:#253349;margin:0;font-size:15px}.chat-person span{color:#24a565;margin-top:3px;font-size:10px;display:block}.chat-actions{gap:7px;display:flex}.chat-actions button{color:#667386;cursor:pointer;background:#f5f7fa;border:0;border-radius:9px;width:38px;height:38px;font-size:18px}.chat-actions button:hover{background:#edf1f5}.messages{flex:1;padding:25px 8%;overflow-y:auto}.date-divider{align-items:center;gap:15px;margin:5px 0 28px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#e2e7ed;flex:1;height:1px}.date-divider span{color:#909baa;background:#eef1f5;border-radius:20px;padding:5px 12px;font-size:9px}.message-row{gap:9px;margin-bottom:19px;display:flex}.message-row.own{justify-content:flex-end}.message-avatar{color:#526b88;background:#e1e9f4;border-radius:50%;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:8px;font-weight:800;display:flex}.message-author{color:#677589;margin:0 0 5px 3px;font-size:9px}.message{color:#36445a;background:#fff;border:1px solid #e8ecf1;border-radius:4px 13px 13px;padding:11px 13px 19px;font-size:12px;line-height:1.4;position:relative;box-shadow:0 2px 5px #14213d06}.own-message{color:#fff;background:#1769e0;border:0;border-radius:13px 4px 13px 13px}.message-time{color:#9aa4b2;font-size:7px;position:absolute;bottom:4px;right:9px}.typing{color:#8d98a7;align-items:center;gap:4px;margin-left:42px;font-size:9px;display:flex}.typing span{background:#8d98a7;border-radius:50%;width:4px;height:4px}.message-area{background:#fff;border-top:1px solid #e4e8ee;align-items:center;gap:10px;min-height:72px;padding:12px 25px;display:flex}.message-tools{gap:4px;display:flex}.message-tools button,.emoji-button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:38px;height:38px;font-size:17px}.message-tools button:hover,.emoji-button:hover{background:#f3f6fa}.message-area input{color:#344258;background:#f8fafc;border:1px solid #e1e6ed;border-radius:10px;outline:none;flex:1;height:44px;padding:0 14px;font-size:12px}.message-area input:focus{background:#fff;border-color:#8db7ed}.send-button{color:#fff;cursor:pointer;background:#1769e0;border:0;border-radius:10px;width:44px;height:44px;font-size:18px}.send-button:hover{background:#1259bf}.admin-page{background:#f4f7fa;min-height:100vh}.admin-layout{min-height:calc(100vh - 72px);display:flex}.admin-sidebar{background:#14213d;flex-direction:column;width:245px;padding:25px 14px;display:flex}.admin-title{color:#91a0b6;letter-spacing:1px;padding:0 12px 20px;font-size:10px;font-weight:800}.admin-nav{color:#b8c3d3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;margin-bottom:4px;padding:12px 14px;font-size:13px}.admin-nav:hover{color:#fff;background:#ffffff12}.admin-nav.active{color:#fff;background:#1769e0}.admin-sidebar-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px}.admin-sidebar-bottom button{color:#aeb9c9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 14px}.admin-sidebar-bottom button:hover{color:#fff;background:#ffffff12}.admin-content{flex:1;min-width:0;padding:35px}.admin-content-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-content-header h1{color:#172033;margin:0;font-size:25px}.admin-content-header p{color:#8793a3;margin:6px 0 0;font-size:13px}.primary-button{color:#fff;cursor:pointer;background:#1769e0;border:0;border-radius:8px;height:42px;padding:0 17px;font-size:12px;font-weight:700}.primary-button:hover{background:#1259bf}.secondary-button{color:#526074;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:8px;height:42px;padding:0 17px;font-size:12px;font-weight:700}.secondary-button:hover{background:#f5f7fa}.admin-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e2e7ed;border-radius:12px;align-items:center;gap:13px;min-height:88px;padding:16px 18px;display:flex}.admin-stat-icon{color:#1769e0;background:#e7f0ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.admin-stat-icon.green{color:#24a565;background:#e8f8ef}.admin-stat-icon.gray{color:#8793a3;background:#f0f2f5}.admin-stat-card span{color:#8994a3;font-size:10px;display:block}.admin-stat-card strong{color:#26344a;margin-top:4px;font-size:21px;display:block}.users-card{background:#fff;border:1px solid #e2e7ed;border-radius:12px;overflow:hidden}.users-card-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:12px 22px;display:flex}.users-card-header>div:first-child{align-items:center;gap:10px;display:flex}.users-card-header strong{color:#26344a;font-size:14px}.users-card-header span{color:#8994a3;font-size:11px}.user-search{color:#8d98a7;background:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;align-items:center;gap:7px;width:220px;height:36px;padding:0 10px;font-size:13px;display:flex}.user-search input{color:#46546a;background:0 0;border:0;outline:none;width:100%;font-size:11px}.user-search input::placeholder{color:#a0a9b6}.users-table{width:100%}.table-header,.table-row{grid-template-columns:2fr 1.2fr 1.2fr 1fr 1.2fr;align-items:center;gap:15px;padding:0 22px;display:grid}.table-header{color:#8b96a5;letter-spacing:.5px;background:#f8fafc;height:42px;font-size:9px;font-weight:800}.table-row{color:#526074;border-top:1px solid #edf0f4;min-height:70px;font-size:12px}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.table-avatar{color:#1769e0;background:#dceaff;border-radius:50%;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;font-size:10px;font-weight:800;display:flex}.user-cell strong{color:#26344a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.user-cell span{color:#98a2b0;margin-top:3px;font-size:10px;display:block}.role-badge{color:#647186;background:#f1f4f8;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.status-badge{align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.status-badge i{border-radius:50%;width:7px;height:7px}.status-active{color:#1f9a5b}.status-active i{background:#27b36a}.status-inactive{color:#929aa5}.status-inactive i{background:#aab1ba}.actions-cell{align-items:center;gap:5px;display:flex}.table-action{cursor:pointer;background:#fff;border:1px solid #e1e6ec;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;font-size:12px;display:inline-flex}.table-action:hover{background:#f3f6fa}.table-action.delete{color:#d73535}.empty-users{color:#8c97a6;text-align:center;padding:50px 20px;font-size:12px}.modal-overlay{z-index:100;background:#14213d73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:620px;max-width:100%;overflow:hidden;box-shadow:0 25px 80px #14213d33}.modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:22px 25px;display:flex}.modal-header h2{color:#26344a;margin:0;font-size:18px}.modal-header p{color:#8a95a4;margin:5px 0 0;font-size:11px}.modal-close{color:#667386;cursor:pointer;background:#f3f5f8;border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.modal-close:hover{background:#e9edf2}.form-grid{grid-template-columns:1fr 1fr;gap:17px;padding:25px;display:grid}.form-field.full{grid-column:1/-1}.form-field label{color:#46546a;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.form-field input,.form-field select{color:#354258;background:#fafbfd;border:1px solid #dfe5ec;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:12px}.form-field input:focus,.form-field select:focus{background:#fff;border-color:#1769e0;box-shadow:0 0 0 3px #1769e00f}.modal-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:10px;padding:16px 25px;display:flex}@media (width<=1000px){.sidebar{width:290px;min-width:290px}.messages{padding:25px 4%}.admin-content{padding:25px}}@media (width<=900px){.profile-info{display:none}.admin-stats{grid-template-columns:1fr}.users-card-header{flex-direction:column;align-items:stretch}.user-search{width:100%}}@media (width<=800px){.admin-sidebar{width:200px}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.table-header span:nth-child(2),.table-row>div:nth-child(2){display:none}}@media (width<=700px){.sidebar{width:80px;min-width:80px}.sidebar-header{justify-content:center}.sidebar-header>div,.search-box input,.section-title,.conversation-content,.groups-section,.sidebar-footer{display:none}.search-box{justify-content:center;margin:0 12px 20px}.conversation{justify-content:center}.chat-header{padding:0 14px}.message-area{padding:10px}.message-tools{display:none}}@media (width<=600px){.login-card{padding:30px 24px}.admin-sidebar{display:none}.admin-content{padding:20px}.admin-content-header{flex-direction:column;align-items:flex-start;gap:15px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr;padding:0 12px}.table-header span:nth-child(2),.table-row>div:nth-child(2),.table-header span:nth-child(3),.table-row>div:nth-child(3){display:none}.actions-cell{justify-content:flex-end}.topbar{padding:0 15px}.topbar-actions{gap:8px}.brand span{display:none}}:root{--cc-primary:#1769e0;--cc-primary-dark:#0f56bd;--cc-primary-soft:#edf5ff;--cc-cyan:#08a6c9;--cc-bg:#f5f8fc;--cc-panel:#fff;--cc-text:#172033;--cc-muted:#718096;--cc-border:#e5eaf1;--cc-success:#20b36b;--cc-warning:#f2ad22;--cc-danger:#e05252;--cc-shadow:0 10px 30px #1f345212;--cc-shadow-soft:0 4px 16px #1f34520d}body{background:var(--cc-bg);color:var(--cc-text);-webkit-font-smoothing:antialiased}button,input,select{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}.topbar{z-index:20;background:#fffffff5;border-bottom:1px solid #e1e7ef;height:74px;padding:0 30px;position:relative;box-shadow:0 2px 12px #1a2d4809}.brand strong{letter-spacing:-.25px;font-size:18px}.brand span{color:#8a96a8;font-size:11px}.notification-button{width:42px;height:42px;box-shadow:none;background:#f8fafc;border:1px solid #e7ecf2}.notification-button:hover{background:var(--cc-primary-soft);border-color:#cfe1fb;transform:translateY(-1px)}.profile{background:#fff;border:1px solid #e7ecf2;border-radius:14px;padding:5px 7px 5px 5px}.profile:hover{box-shadow:var(--cc-shadow-soft);border-color:#d6e3f3}.avatar-user{color:var(--cc-primary);background:linear-gradient(135deg,#dcecff,#dff8fb)}.profile-info strong{font-size:13px}.profile-info span{color:#7d899b}.profile-menu{border:1px solid #e2e8f0;border-radius:13px;width:220px;padding:8px;top:55px;box-shadow:0 18px 45px #16273f29}.profile-menu button{border-radius:9px;padding:12px 13px;font-size:12px}.profile-menu button:hover{background:var(--cc-primary-soft);color:var(--cc-primary)}.chat-layout{background:var(--cc-bg);height:calc(100vh - 74px)}.sidebar{background:#fff;border-right:1px solid #e2e8f0;width:340px;min-width:340px;box-shadow:4px 0 18px #1f345206}.sidebar-header h2{letter-spacing:-.3px;font-size:21px}.sidebar-header span{color:#8793a4;font-size:11px}.new-chat-button:hover{background:linear-gradient(135deg, var(--cc-primary-dark), #0795b5);transform:translateY(-1px)}.search-box:focus-within{background:#fff;border-color:#b7d2f4;box-shadow:0 0 0 4px #1769e012}.search-box span{color:#7d8a9d}.search-box input{font-size:12px}.section-title{color:#9aa6b6;letter-spacing:1px;font-size:9px}.conversation{border-radius:12px;margin-bottom:3px;padding:12px}.conversation.active{box-shadow:inset 3px 0 0 var(--cc-primary);background:linear-gradient(90deg,#edf5ff,#f5f9ff)}.conversation-avatar{background:#edf2f8;flex-basis:45px;width:45px;height:45px}.online-indicator{background:var(--cc-success);width:11px;height:11px;box-shadow:0 0 0 2px #fff}.conversation-top strong{font-size:12px}.conversation-top span{color:#99a4b3}.conversation-bottom>span{color:#8793a4}.unread{background:var(--cc-primary);box-shadow:0 3px 8px #1769e02e}.groups-section{margin-top:24px}.group-item{border-radius:11px}.sidebar-footer{background:#fbfcfe;padding:17px 18px}.server-status>span{background:var(--cc-success);box-shadow:0 0 0 4px #20b36b1a}.chat{background:radial-gradient(circle at 90% 5%,#1769e009,#0000 24%),#f7f9fc}.chat-avatar{width:46px;height:46px;color:var(--cc-primary);background:linear-gradient(135deg,#dcecff,#e4f7fa);box-shadow:inset 0 0 0 1px #1769e00f}.chat-person h2{letter-spacing:-.15px;font-size:16px}.chat-actions button{background:#f8fafc;border:1px solid #e7ecf2;border-radius:10px;width:40px;height:40px}.chat-actions button:hover{background:var(--cc-primary-soft);color:var(--cc-primary);border-color:#d5e5f8}.messages{scrollbar-width:thin;scrollbar-color:#cbd6e4 transparent;padding:28px clamp(24px,8vw,110px)}.date-divider{margin:6px 0 30px}.date-divider span{color:#7e8a9a;background:#eef3f8;border:1px solid #e3e9f0}.message-row{margin-bottom:21px}.message-avatar{color:#526b88;background:#e6edf6;flex-basis:34px;width:34px;height:34px;font-size:9px}.message-wrapper{max-width:min(68%,720px)}.message{background:#fff;border:1px solid #e5eaf0;border-radius:5px 15px 15px;padding:12px 14px 20px;font-size:12.5px;line-height:1.5;box-shadow:0 3px 10px #1c304c09}.message:hover{box-shadow:0 5px 15px #1c304c0d}.own-message{background:linear-gradient(135deg, var(--cc-primary), #247be8);border:0;border-radius:15px 5px 15px 15px;box-shadow:0 5px 15px #1769e029}.message-time{font-size:8px}.own-message .message-time{color:#dcecff}.message-area{background:#fffffffa;border-top:1px solid #e2e8ef;min-height:80px;padding:14px 28px}.message-tools button,.emoji-button{border-radius:10px;width:40px;height:40px}.message-area input{background:#f7f9fc;border:1px solid #dfe6ee;border-radius:13px;height:48px;font-size:12.5px}.message-area input:focus{background:#fff;border-color:#a9c9f1;box-shadow:0 0 0 4px #1769e012}.send-button{background:linear-gradient(135deg, var(--cc-primary), var(--cc-cyan));border-radius:13px;width:48px;height:48px;box-shadow:0 6px 15px #1769e02e}.send-button:hover{background:linear-gradient(135deg, var(--cc-primary-dark), #0795b5);transform:translateY(-1px)}.login-logo{background:linear-gradient(135deg, var(--cc-primary), var(--cc-cyan));box-shadow:0 10px 25px #1769e03d}.login-form input{border-radius:11px;height:49px}.login-button{background:linear-gradient(135deg, var(--cc-primary), var(--cc-cyan));border-radius:11px;height:49px;box-shadow:0 7px 17px #1769e02b}.login-button:hover{background:linear-gradient(135deg, var(--cc-primary-dark), #0795b5)}.admin-sidebar{background:linear-gradient(#14213d 0%,#101c33 100%);width:250px;padding:27px 15px;box-shadow:5px 0 22px #14213d14}.admin-title{color:#91a2ba;letter-spacing:1.2px;padding-bottom:21px}.admin-nav{border-radius:10px;margin-bottom:5px;padding:13px 14px}.admin-nav:hover{background:#ffffff13}.admin-nav.active{background:linear-gradient(90deg, var(--cc-primary), #2580ea);box-shadow:0 6px 16px #1769e033}.admin-content{padding:38px}.admin-content-header h1{letter-spacing:-.5px;font-size:28px}.admin-content-header p{color:#7c899b}.primary-button{background:linear-gradient(135deg, var(--cc-primary), var(--cc-cyan));border-radius:10px;height:44px;box-shadow:0 6px 15px #1769e021}.primary-button:hover{background:linear-gradient(135deg, var(--cc-primary-dark), #0795b5);transform:translateY(-1px)}.secondary-button{border-radius:10px;height:44px}.admin-stat-card,.users-card{box-shadow:var(--cc-shadow-soft);border-color:#e3e9f0;border-radius:15px}.admin-stat-card{min-height:96px}.admin-stat-icon{background:#e9f2ff;border-radius:12px;width:46px;height:46px}.users-card-header{min-height:68px}.table-row:hover{background:#fbfcfe}.table-avatar{background:linear-gradient(135deg,#dcecff,#e4f7fa);flex-basis:40px;width:40px;height:40px}.role-badge.admin-role{color:var(--cc-primary);background:#e7f1ff}.table-action:hover{background:var(--cc-primary-soft);border-color:#cbdcf0}.table-action.edit{color:var(--cc-primary)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1c3080}.modal{border-radius:18px;box-shadow:0 30px 90px #14213d38}.modal-header{padding:24px 27px}.form-grid{padding:27px}.form-field input,.form-field select{border-radius:9px;height:45px}.modal-actions{padding:17px 27px}@media (width<=1000px){.sidebar{width:300px;min-width:300px}.messages{padding:25px 5%}.admin-content{padding:28px}}@media (width<=700px){.topbar{padding:0 15px}.sidebar{width:82px;min-width:82px}.chat-header{padding:0 16px}.messages{padding:22px 14px}.message-wrapper{max-width:82%}.message-area{padding:10px}}@media (width<=600px){.topbar{height:68px}.chat-layout{height:calc(100vh - 68px)}.brand strong{font-size:16px}.notification-button{display:none}.profile{border:0;padding:0}.admin-content{padding:20px 15px}}:root{--cc-primary:#1683e8;--cc-primary-dark:#0868c9;--cc-primary-soft:#eaf5ff;--cc-cyan:#0aaeea;--cc-bg:#f3f7fb;--cc-panel:#fff;--cc-text:#14213a;--cc-muted:#71809a;--cc-border:#e2eaf3;--cc-success:#13bd68;--cc-danger:#e05252;--cc-radius:16px}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--cc-text)!important;background:#f3f7fb!important}button,input,select{font-family:inherit}.topbar{background:#fff!important;border-bottom:1px solid #e1e8f0!important;height:82px!important;padding:0 26px!important;box-shadow:0 2px 14px #1430520d!important}.brand{gap:14px!important}.brand-icon{background:linear-gradient(135deg,#087be7,#10a9eb)!important;border-radius:15px!important;width:50px!important;height:50px!important;font-size:24px!important;box-shadow:0 8px 20px #0a7ee238!important}.brand strong{color:#14213a!important;font-size:18px!important;font-weight:750!important}.brand span{color:#8190a6!important;margin-top:3px!important;font-size:11px!important}.topbar-actions{gap:12px!important}.notification-button{background:#fff!important;border:1px solid #e4ebf3!important;border-radius:13px!important;width:44px!important;height:44px!important;box-shadow:0 4px 12px #1a37580d!important}.profile{background:#fff!important;border:1px solid #e4ebf3!important;border-radius:15px!important;min-height:54px!important;padding:5px 10px 5px 6px!important;box-shadow:0 4px 14px #1a37580d!important}.avatar-user{color:#0875dc!important;background:#e6f3ff!important;width:42px!important;height:42px!important;font-weight:800!important}.profile-info strong{color:#17243c!important;font-size:13px!important}.profile-info span{color:#7c8ca2!important;font-size:10px!important}.chat-layout{background:#f3f7fb!important;gap:12px!important;height:calc(100vh - 82px)!important;padding:12px!important}.sidebar{background:#fff!important;border:1px solid #e1e9f2!important;border-radius:16px!important;width:265px!important;min-width:265px!important;overflow:hidden!important;box-shadow:0 5px 22px #1f39580e!important}.sidebar-header{padding:22px 18px 14px!important}.sidebar-header h2{color:#14213a!important;font-size:18px!important;font-weight:800!important}.sidebar-header>div>span{color:#8a98ab!important;font-size:10px!important}.new-chat-button{background:linear-gradient(135deg,#087be7,#0ca7e7)!important;border-radius:12px!important;width:38px!important;height:38px!important;box-shadow:0 7px 16px #087be733!important}.search-box{background:#f8fafc!important;border:1px solid #dfe8f1!important;border-radius:12px!important;height:42px!important;margin:0 14px 17px!important}.search-box input{color:#34435a!important;font-size:11px!important}.section-title{color:#91a0b5!important;letter-spacing:1.1px!important;font-size:9px!important;font-weight:800!important}.conversation-list{padding:4px 8px!important}.conversation{border-radius:13px!important;min-height:64px!important;margin-bottom:3px!important;padding:9px 10px!important}.conversation:hover{background:#f6faff!important}.conversation.active{background:linear-gradient(90deg,#edf6ff,#f5faff)!important;box-shadow:inset 3px 0 #1283e8!important}.conversation-avatar{color:#51647e!important;background:#edf3f8!important;border-radius:50%!important;width:42px!important;min-width:42px!important;height:42px!important;font-weight:750!important}.conversation.active .conversation-avatar{color:#0875dc!important;background:#dceeff!important}.conversation-top strong{color:#17243c!important;font-size:12px!important;font-weight:750!important}.conversation-bottom span{color:#8795a8!important;font-size:9px!important}.online-indicator{border:2px solid #fff!important;width:10px!important;height:10px!important}.groups-section{margin-top:18px!important;padding:0 8px!important}.group-item{border-radius:12px!important;width:100%!important;padding:9px 10px!important}.group-item:hover{background:#f6faff!important}.group-icon{background:#eef4f9!important;border-radius:11px!important;width:38px!important;height:38px!important}.sidebar-footer{background:#fff!important;border-top:1px solid #edf1f5!important;margin-top:auto!important;padding:13px!important}.server-status{background:#f7fbff!important;border:1px solid #e7eef6!important;border-radius:12px!important;padding:11px 12px!important}.server-status>span{background:#14bd68!important;width:9px!important;height:9px!important;box-shadow:0 0 0 4px #14bd681a!important}.chat{background:#f7faff!important;border:1px solid #e1e9f2!important;border-radius:16px!important;min-width:0!important;overflow:hidden!important;box-shadow:0 5px 22px #1f39580b!important}.chat-header{background:#fff!important;border-bottom:1px solid #e3eaf2!important;height:82px!important;padding:0 24px!important}.chat-person{gap:13px!important}.chat-avatar{color:#0876df!important;background:#e3f1ff!important;border-radius:50%!important;width:48px!important;height:48px!important;font-size:13px!important;font-weight:800!important}.chat-person h2{color:#14213a!important;font-size:16px!important;font-weight:800!important}.chat-person span{color:#10a95f!important;font-size:10px!important;font-weight:650!important}.chat-actions{gap:8px!important}.chat-actions button{color:#4c6079!important;background:#fff!important;border:1px solid #e4ebf3!important;border-radius:11px!important;width:40px!important;height:40px!important}.chat-actions button:hover{color:#0876df!important;background:#eef7ff!important;border-color:#cfe5f8!important}.messages{background:radial-gradient(circle at 50% 20%,#1188e209,#0000 38%),linear-gradient(#f8fbfe,#f5f9fd)!important;padding:24px 30px!important}.date-divider{color:#8090a5!important}.date-divider span{background:#f4f8fc!important;border:1px solid #e4ebf3!important;border-radius:20px!important;padding:5px 12px!important;font-size:9px!important}.message-avatar{color:#58708b!important;background:#e6eef6!important;border-radius:50%!important;width:34px!important;min-width:34px!important;height:34px!important;font-size:10px!important;font-weight:800!important}.message-author{color:#71839a!important;margin-bottom:4px!important;font-size:9px!important;font-weight:700!important}.message{border-radius:15px!important;padding:10px 13px!important;font-size:12px!important;line-height:1.4!important;box-shadow:0 4px 12px #22406012!important}.message.received{color:#27364e!important;background:#fff!important;border:1px solid #e3eaf2!important}.message.own-message{color:#fff!important;background:linear-gradient(135deg,#0c76e3,#197fe6)!important;border:0!important;box-shadow:0 6px 15px #0870de2e!important}.message-time{opacity:.72!important;font-size:8px!important}.message-area{background:#fff!important;border-top:1px solid #e2e9f1!important;gap:10px!important;min-height:70px!important;padding:11px 14px!important}.message-tools{gap:4px!important}.message-tools button,.emoji-button{color:#536980!important;border-radius:10px!important;width:36px!important;height:36px!important}.message-area>input{color:#293950!important;background:#f8fafc!important;border:1px solid #dce6f0!important;border-radius:12px!important;outline:none!important;height:44px!important;padding:0 14px!important;font-size:11px!important}.message-area>input:focus{background:#fff!important;border-color:#8cc9f5!important;box-shadow:0 0 0 3px #1884e617!important}.send-button{background:linear-gradient(135deg,#087be7,#0da8e9)!important;border-radius:14px!important;width:46px!important;height:46px!important;font-size:18px!important;box-shadow:0 7px 17px #087be73d!important}.send-button:hover{transform:translateY(-1px)!important}.profile-menu{background:#fff!important;border:1px solid #e1e9f2!important;border-radius:14px!important;padding:7px!important;box-shadow:0 15px 35px #1b365521!important}.profile-menu button{color:#35465d!important;border-radius:10px!important;font-size:11px!important}.profile-menu button:hover{color:#0876df!important;background:#edf6ff!important}.login-page{background:radial-gradient(circle at 20% 20%,#0884eb21,#0000 30%),radial-gradient(circle at 80% 80%,#0aaeea1a,#0000 30%),#f3f7fb!important}.login-card{border:1px solid #e1e9f2!important;border-radius:22px!important;box-shadow:0 20px 55px #1c3a5b1f!important}.login-logo{background:linear-gradient(135deg,#087be7,#0da8e9)!important;border-radius:18px!important;width:62px!important;height:62px!important;box-shadow:0 10px 24px #087be73d!important}.admin-page{background:#f3f7fb!important}.admin-layout{background:#f3f7fb!important;gap:12px!important;padding:12px!important}.admin-sidebar{background:#fff!important;border:1px solid #e1e9f2!important;border-radius:16px!important;box-shadow:0 5px 22px #1f39580d!important}.admin-nav{border-radius:11px!important;font-size:11px!important}.admin-nav.active{color:#0876df!important;background:linear-gradient(90deg,#edf6ff,#f4faff)!important;box-shadow:inset 3px 0 #1283e8!important}.admin-content{background:0 0!important}.admin-stat-card,.admin-table-container,.admin-history-panel,.admin-history-card{background:#fff!important;border:1px solid #e1e9f2!important;border-radius:16px!important;box-shadow:0 5px 22px #1f39580d!important}*{scrollbar-width:thin;scrollbar-color:#cbd8e6 transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd8e6;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#aebfd2}@media (width<=1000px){.chat-layout{gap:8px!important;padding:8px!important}.sidebar{width:250px!important;min-width:250px!important}.messages{padding:20px!important}}@media (width<=700px){.topbar{height:70px!important;padding:0 12px!important}.chat-layout{height:calc(100vh - 70px)!important;padding:6px!important}.sidebar{border-radius:12px!important;width:78px!important;min-width:78px!important}.chat{border-radius:12px!important}.chat-header{height:70px!important;padding:0 12px!important}.messages{padding:18px 10px!important}.message-wrapper{max-width:82%!important}.message-area{padding:8px!important}.brand span,.profile-info span{display:none!important}}.chat-modern-v5{background:#edf4fb!important}.v5-topbar{background:#fffffffa!important;border-bottom:1px solid #dfe8f2!important;height:92px!important;padding:0 30px!important;box-shadow:0 3px 18px #2846690e!important}.v5-brand{gap:16px!important}.v5-brand-icon{background:linear-gradient(145deg,#087bea,#0aaeea)!important;border-radius:17px!important;width:58px!important;height:58px!important;font-size:27px!important;box-shadow:0 10px 24px #087bea38!important}.v5-brand strong{color:#122548!important;font-size:21px!important;font-weight:800!important}.v5-brand span{color:#71839b!important;margin-top:4px!important;font-size:12px!important;display:block!important}.v5-global-search{background:#fbfdff!important;border:1px solid #dce7f2!important;border-radius:15px!important;align-items:center!important;gap:12px!important;width:min(680px,43vw)!important;height:52px!important;padding:0 17px!important;display:flex!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 14px #27466909!important}.v5-global-search>span{color:#6d829b!important;font-size:22px!important}.v5-global-search input{color:#253852!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;font-size:13px!important}.v5-top-actions{gap:12px!important}.v5-notification{background:#fff!important;border:1px solid #dfe8f2!important;border-radius:15px!important;width:48px!important;height:48px!important;font-size:19px!important}.v5-profile{background:#fff!important;border:1px solid #dfe8f2!important;border-radius:17px!important;min-height:62px!important;padding:5px 11px 5px 7px!important}.v5-profile .avatar-user{color:#0879e3!important;background:#e5f2ff!important;width:48px!important;height:48px!important;font-size:15px!important}.v5-profile .profile-info strong{color:#172845!important;font-size:13px!important}.v5-profile .profile-info span{color:#74869e!important;font-size:10px!important}.v5-layout{background:#edf4fb!important;grid-template-columns:355px minmax(500px,1fr) 300px!important;gap:14px!important;height:calc(100vh - 92px)!important;min-height:0!important;padding:14px!important;display:grid!important}.v5-conversations,.v5-chat,.v5-online{background:#fff!important;border:1px solid #dce7f1!important;border-radius:18px!important;min-width:0!important;min-height:0!important;overflow:hidden!important;box-shadow:0 6px 25px #2341630e!important}.v5-conversations{flex-direction:column!important;padding:0 16px!important;display:flex!important}.v5-side-title{justify-content:space-between!important;align-items:center!important;padding:23px 7px 14px!important;display:flex!important}.v5-side-title h2{color:#142746!important;margin:0!important;font-size:18px!important;font-weight:800!important}.v5-side-title span{color:#7f91a8!important;margin-top:5px!important;font-size:10px!important;display:block!important}.v5-new-button{color:#fff!important;background:linear-gradient(135deg,#087bea,#08a9e9)!important;border:0!important;border-radius:14px!important;width:48px!important;height:48px!important;font-size:28px!important;line-height:1!important;box-shadow:0 9px 18px #087bea33!important}.v5-search-box{background:#fbfdff!important;border:1px solid #dce6f0!important;border-radius:13px!important;align-items:center!important;gap:9px!important;height:50px!important;padding:0 14px!important;display:flex!important}.v5-search-box>span{color:#71869e!important;font-size:18px!important}.v5-search-box input{color:#2a3c56!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;font-size:11px!important}.v5-section-label,.v5-groups-title>span{color:#7286a0!important;letter-spacing:.8px!important;font-size:10px!important;font-weight:800!important}.v5-section-label{margin:23px 7px 9px!important}.v5-conversation-list{flex-direction:column!important;gap:3px!important;display:flex!important}.v5-conversation{text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;border-left:3px solid #0000!important;border-radius:14px!important;align-items:center!important;gap:13px!important;width:100%!important;min-height:73px!important;padding:11px 10px!important;display:flex!important}.v5-conversation:hover{background:#f6faff!important}.v5-conversation.active{background:linear-gradient(100deg,#eaf5ff,#f3f9ff)!important;border-left-color:#087bea!important}.v5-avatar{color:#385575!important;background:#eaf2fa!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;font-size:13px!important;font-weight:800!important;display:flex!important;position:relative!important}.v5-avatar-blue{color:#087be6!important;background:#dceeff!important}.v5-status-dot{border:2px solid #fff!important;border-radius:50%!important;width:11px!important;height:11px!important;position:absolute!important;bottom:1px!important;right:-1px!important}.v5-status-dot.available{background:#16bd69!important}.v5-conversation-info{flex:1!important;min-width:0!important}.v5-conversation-info>div{justify-content:space-between!important;align-items:center!important;gap:5px!important;display:flex!important}.v5-conversation-info strong{color:#172945!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;font-weight:800!important;overflow:hidden!important}.v5-conversation-info time{color:#8a9bb0!important;font-size:9px!important}.v5-conversation-info>span{color:#71849d!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin-top:5px!important;font-size:9px!important;display:block!important;overflow:hidden!important}.v5-groups-title{justify-content:space-between!important;align-items:center!important;margin:23px 7px 8px!important;display:flex!important}.v5-groups-title button{color:#087bea!important;background:0 0!important;border:0!important;font-size:22px!important}.v5-group{text-align:left!important;background:0 0!important;border:0!important;border-radius:12px!important;align-items:center!important;gap:13px!important;width:100%!important;padding:9px 10px!important;display:flex!important}.v5-group:hover{background:#f7faff!important}.v5-group-icon{background:#eaf3fb!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;font-size:20px!important;display:flex!important}.v5-group strong{color:#1b2e49!important;font-size:11px!important;display:block!important}.v5-group span{color:#8394a9!important;margin-top:4px!important;font-size:9px!important;display:block!important}.v5-system-online{background:linear-gradient(100deg,#f2fbf7,#f8fcfa)!important;border:1px solid #dcefe5!important;border-radius:14px!important;align-items:center!important;gap:12px!important;margin-top:auto!important;margin-bottom:14px!important;padding:14px!important;display:flex!important}.v5-online-large{background:#13bd68!important;border-radius:50%!important;width:14px!important;height:14px!important;margin-left:3px!important;box-shadow:0 0 0 6px #13bd681a!important}.v5-system-online strong{color:#23405a!important;font-size:11px!important;display:block!important}.v5-system-online span{color:#8193a7!important;margin-top:3px!important;font-size:9px!important;display:block!important}.v5-chat{flex-direction:column!important;display:flex!important}.v5-chat-header{background:#fff!important;border-bottom:1px solid #e0e8f1!important;flex:0 0 94px!important;justify-content:space-between!important;align-items:center!important;height:94px!important;padding:0 23px!important;display:flex!important}.v5-chat-person{align-items:center!important;gap:14px!important;display:flex!important}.v5-chat-avatar{color:#087bea!important;background:#e1f0ff!important;width:56px!important;min-width:56px!important;height:56px!important;font-size:15px!important}.v5-chat-person h2{color:#122646!important;margin:0!important;font-size:18px!important;font-weight:800!important}.v5-chat-person span{color:#12a85c!important;align-items:center!important;gap:5px!important;margin-top:5px!important;font-size:10px!important;font-weight:650!important;display:flex!important}.v5-chat-person span i{border-radius:50%!important;width:9px!important;height:9px!important}.v5-chat-actions{gap:8px!important;display:flex!important}.v5-chat-actions button{color:#27415f!important;background:#fff!important;border:1px solid #dfe8f1!important;border-radius:12px!important;width:43px!important;height:43px!important;font-size:19px!important}.v5-chat-actions button:hover{color:#087bea!important;background:#edf7ff!important}.v5-messages{background:radial-gradient(circle at 50% 35%,#2599eb0b,#0000 44%),linear-gradient(135deg,#f7fbff,#f0f7fd)!important;flex:auto!important;min-height:0!important;padding:18px 30px 20px!important;overflow-y:auto!important}.v5-date-divider{color:#7e91a8!important;align-items:center!important;gap:14px!important;margin:4px 0 25px!important;font-size:9px!important;display:flex!important}.v5-date-divider:before,.v5-date-divider:after{content:""!important;background:#dce6f0!important;flex:1!important;height:1px!important}.v5-date-divider span{white-space:nowrap!important;background:#edf5fc!important;border:1px solid #dce7f1!important;border-radius:18px!important;padding:6px 13px!important}.v5-message-row{align-items:flex-end!important;gap:10px!important;margin-bottom:17px!important;display:flex!important}.v5-message-row.own{justify-content:flex-end!important}.v5-message-avatar{color:#42617f!important;background:#e6f0f9!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;font-size:11px!important;font-weight:800!important;display:flex!important}.v5-message-stack{max-width:min(72%,520px)!important}.v5-message-row.own .v5-message-stack{flex-direction:column!important;align-items:flex-end!important;display:flex!important}.v5-message-author{color:#526b88!important;margin:0 0 5px 3px!important;font-size:9px!important;font-weight:750!important}.v5-message-bubble{color:#1d3552!important;background:#fff!important;border:1px solid #dfe8f1!important;border-radius:15px!important;align-items:flex-end!important;gap:15px!important;padding:11px 14px!important;font-size:12px!important;line-height:1.35!important;display:inline-flex!important;box-shadow:0 5px 15px #1f426411!important}.v5-message-bubble small{color:#8496ab!important;flex:none!important;font-size:8px!important}.v5-message-bubble.own{color:#fff!important;background:linear-gradient(135deg,#087be8,#0b86ed)!important;border:0!important;border-radius:15px!important;box-shadow:0 7px 17px #087be833!important}.v5-message-bubble.own small{color:#ffffffc7!important}.v5-empty-messages{color:#8092a8!important;justify-content:center!important;padding:40px!important;font-size:11px!important;display:flex!important}.v5-composer{background:#fff!important;border-top:1px solid #dfe7ef!important;align-items:center!important;gap:9px!important;padding:12px 15px!important;display:flex!important}.v5-composer-tool{color:#425a75!important;background:#fff!important;border:1px solid #dfe7f0!important;border-radius:12px!important;flex:0 0 42px!important;width:42px!important;height:42px!important;font-size:17px!important}.v5-composer input{color:#243853!important;background:#fbfdff!important;border:1px solid #dbe6f0!important;border-radius:14px!important;outline:0!important;flex:1!important;min-width:0!important;height:48px!important;padding:0 16px!important;font-size:11px!important}.v5-composer input:focus{background:#fff!important;border-color:#8ccaf2!important;box-shadow:0 0 0 3px #087bea14!important}.v5-send{color:#fff!important;background:linear-gradient(135deg,#087be8,#0aa8e8)!important;border:0!important;border-radius:15px!important;flex:0 0 50px!important;width:50px!important;height:50px!important;font-size:21px!important;box-shadow:0 8px 18px #087be838!important}.v5-online{padding:0 13px!important}.v5-online-title{align-items:center!important;gap:9px!important;padding:23px 6px 16px!important;display:flex!important}.v5-online-title-dot{background:#13bd68!important;border-radius:50%!important;width:13px!important;height:13px!important;box-shadow:0 0 0 5px #13bd681a!important}.v5-online-title h2{color:#142746!important;margin:0!important;font-size:17px!important;font-weight:800!important}.v5-online-title strong{color:#142746!important;font-size:17px!important}.v5-online-search{background:#fbfdff!important;border:1px solid #dce7f1!important;border-radius:13px!important;align-items:center!important;gap:9px!important;height:48px!important;margin:0 4px 12px!important;padding:0 13px!important;display:flex!important}.v5-online-search>span{color:#71869e!important;font-size:18px!important}.v5-online-search input{color:#263a55!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;font-size:10px!important}.v5-online-list{padding:0 3px 12px!important;overflow-y:auto!important}.v5-online-user{text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:14px!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 9px!important;display:flex!important}.v5-online-user:hover{background:#f6faff!important}.v5-online-user.selected{background:linear-gradient(100deg,#eaf5ff,#f3f9ff)!important}.v5-online-avatar{color:#294b6e!important;background:#e8f1f9!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:50px!important;min-width:50px!important;height:50px!important;font-size:13px!important;font-weight:800!important;display:flex!important;position:relative!important}.v5-online-avatar>span{border:2px solid #fff!important;border-radius:50%!important;width:11px!important;height:11px!important;position:absolute!important;bottom:1px!important;right:-1px!important}.v5-online-info{flex:1!important;min-width:0!important}.v5-online-info>div{justify-content:space-between!important;align-items:center!important;gap:5px!important;display:flex!important}.v5-online-info strong{color:#172a46!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;overflow:hidden!important}.v5-online-info time{color:#8395aa!important;font-size:9px!important}.v5-online-info>span{color:#7589a1!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:5px!important;font-size:9px!important;display:block!important;overflow:hidden!important}.v5-messages::-webkit-scrollbar{width:6px}.v5-online-list::-webkit-scrollbar{width:6px}.v5-messages::-webkit-scrollbar-thumb{background:#cbd9e7;border-radius:10px}.v5-online-list::-webkit-scrollbar-thumb{background:#cbd9e7;border-radius:10px}@media (width<=1250px){.v5-layout{grid-template-columns:320px minmax(450px,1fr) 270px!important}.v5-global-search{width:38vw!important}}@media (width<=1000px){.v5-layout{grid-template-columns:290px minmax(0,1fr)!important}.v5-online{display:none!important}.v5-global-search{width:36vw!important}}@media (width<=700px){.v5-topbar{height:70px!important;padding:0 12px!important}.v5-global-search{display:none!important}.v5-layout{grid-template-columns:1fr!important;height:calc(100vh - 70px)!important;padding:7px!important}.v5-conversations{display:none!important}.v5-chat-header{flex-basis:78px!important;height:78px!important}}