@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--brand:#5865f2;--brand-hover:#4752c4;--brand-light:#eef0fd;--sidebar-bg:#1a1d2e;--sidebar-sec:#23263a;--sidebar-hover:#2d3047;--sidebar-act:#3d4266;--sidebar-text:#a8adc4;--sidebar-head:#fff;--chat-bg:#f8f9fc;--panel-bg:#fff;--border:#e8eaf0;--border-soft:#f0f2f8;--text-1:#111827;--text-2:#4b5563;--text-3:#9ca3af;--text-4:#d1d5db;--msg-out:#5865f2;--msg-out-text:#fff;--msg-in:#fff;--msg-in-text:#111827;--online:#22c55e;--offline:#ef4444;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--transition:0.18s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f8f9fc;background:var(--chat-bg);color:#111827;color:var(--text-1);font-size:14px;line-height:1.5}body,button{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font)}button{cursor:pointer}input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font)}a{color:#5865f2;color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.loading-screen{align-items:center;background:#1a1d2e;background:var(--sidebar-bg);display:flex;height:100vh;justify-content:center}.spinner{animation:spin .7s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--brand);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.auth-wrapper{align-items:center;background:linear-gradient(135deg,#0f1123,#1a1d2e 50%,#23263a);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#fff;background:var(--panel-bg);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);max-width:460px;overflow:hidden;padding:36px 28px;width:100%}.auth-brand{gap:12px;margin-bottom:32px}.auth-brand,.auth-brand-icon{align-items:center;display:flex}.auth-brand-icon{background:#5865f2;background:var(--brand);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 14px #5865f266;font-size:22px;height:46px;justify-content:center;width:46px}.auth-brand-name{color:#111827;color:var(--text-1);font-size:22px;font-weight:700}.auth-brand-sub{color:#9ca3af;color:var(--text-3);font-size:12px;margin-top:1px}.auth-heading{font-size:20px;font-weight:700;margin-bottom:4px}.auth-sub{color:#4b5563;color:var(--text-2);font-size:13px;margin-bottom:28px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.form-label{color:#4b5563;color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.form-input{background:#fafbfd;border:1.5px solid #e8eaf0;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-1);font-size:14px;height:42px;outline:none;padding:0 12px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus{background:#fff;border-color:#5865f2;border-color:var(--brand);box-shadow:0 0 0 3px #5865f21a}.form-input.error{border-color:#ef4444;border-color:var(--danger)}.form-input::placeholder{color:#d1d5db;color:var(--text-4)}select.form-input{cursor:pointer}.form-error{color:#ef4444;color:var(--danger);font-size:11px}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;height:42px;justify-content:center;padding:0 20px;transition:all .18s ease;transition:all var(--transition)}.btn-primary{background:#5865f2;background:var(--brand);box-shadow:0 2px 8px #5865f24d;color:#fff}.btn-primary:hover:not(:disabled){background:#4752c4;background:var(--brand-hover);box-shadow:0 4px 14px #5865f266;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f0f2f8;background:var(--border-soft);border:1.5px solid #e8eaf0;border:1.5px solid var(--border);color:#4b5563;color:var(--text-2)}.btn-secondary:hover{background:#e8eaf0;background:var(--border);color:#111827;color:var(--text-1)}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:#0000;border:1.5px solid #e8eaf0;border:1.5px solid var(--border);color:#4b5563;color:var(--text-2)}.btn-ghost:hover{background:#f0f2f8;background:var(--border-soft)}.btn-sm{font-size:12px;height:32px;padding:0 12px}.btn-full{width:100%}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-3);display:flex;height:34px;justify-content:center;padding:0;transition:all .18s ease;transition:all var(--transition);width:34px}.btn-icon:hover{background:#f0f2f8;background:var(--border-soft);color:#111827;color:var(--text-1)}.alert{border-radius:6px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;padding:12px 14px}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.auth-footer{color:#9ca3af;color:var(--text-3);font-size:13px;margin-top:22px;text-align:center}.auth-footer a{color:#5865f2;color:var(--brand);font-weight:500}.chat-layout{height:100vh}.chat-layout,.sidebar{display:flex;overflow:hidden}.sidebar{background:#1a1d2e;background:var(--sidebar-bg);flex-direction:column;min-width:280px;width:280px}.sidebar-top{background:#23263a;background:var(--sidebar-sec);border-bottom:1px solid #ffffff0d;padding:16px 14px 12px}.sidebar-workspace{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;margin-bottom:12px;padding:8px 10px;transition:background .18s ease;transition:background var(--transition)}.sidebar-workspace:hover{background:#2d3047;background:var(--sidebar-hover)}.sidebar-ws-icon{align-items:center;background:#5865f2;background:var(--brand);border-radius:8px;box-shadow:0 2px 8px #5865f259;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;width:34px}.sidebar-ws-name{color:#fff;color:var(--sidebar-head);font-size:14px;font-weight:700}.sidebar-ws-status{color:#22c55e;color:var(--online);font-size:11px;margin-top:1px}.sidebar-search{position:relative}.sidebar-search-icon{color:#a8adc4;color:var(--sidebar-text);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-search input{background:#ffffff12;border:1px solid #ffffff14;border-radius:20px;color:#fff;font-size:13px;height:34px;outline:none;padding:0 12px 0 32px;transition:all .18s ease;transition:all var(--transition);width:100%}.sidebar-search input::placeholder{color:#ffffff59}.sidebar-search input:focus{background:#ffffff1f;border-color:#fff3}.sidebar-tabs{display:flex;gap:4px;margin:10px 0 0;overflow:hidden}.sidebar-tab{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8adc4;color:var(--sidebar-text);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;height:28px;overflow:hidden;padding:0 4px;text-overflow:ellipsis;transition:all .18s ease;transition:all var(--transition);white-space:nowrap}.sidebar-tab:hover{background:#2d3047;background:var(--sidebar-hover);color:#fff}.sidebar-tab.active{background:#3d4266;background:var(--sidebar-act);color:#fff}.sidebar-section{align-items:center;color:#ffffff4d;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.08em;padding:14px 16px 4px;text-transform:uppercase}.sidebar-list{flex:1 1;overflow-y:auto;padding:4px 0 8px}.sidebar-list::-webkit-scrollbar{width:3px}.sidebar-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;margin:1px 8px;padding:9px 14px;position:relative;transition:background .18s ease;transition:background var(--transition)}.sidebar-item:hover{background:#2d3047;background:var(--sidebar-hover)}.sidebar-item.active{background:#3d4266;background:var(--sidebar-act)}.sidebar-item-info{flex:1 1;min-width:0}.sidebar-item-name{color:#ffffffd9;font-size:13px;font-weight:500}.sidebar-item-name,.sidebar-item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-preview{color:#a8adc4;color:var(--sidebar-text);font-size:11px;margin-top:1px}.sidebar-item.active .sidebar-item-name{color:#fff;font-weight:600}.sidebar-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.sidebar-item-time{color:#ffffff4d;font-size:10px}.unread-badge{align-items:center;background:#5865f2;background:var(--brand);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.sidebar-footer{background:#23263a;background:var(--sidebar-sec);border-top:1px solid #ffffff0d;padding:10px 14px}.sidebar-user{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:6px 8px;transition:background .18s ease;transition:background var(--transition)}.sidebar-user:hover{background:#2d3047;background:var(--sidebar-hover)}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#fff;font-size:13px;font-weight:600}.sidebar-user-dept{color:#a8adc4;color:var(--sidebar-text);font-size:11px}.sidebar-user-btns{display:flex;gap:2px}.sidebar-user-btn{align-items:center;background:#ffffff0f;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8adc4;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 6px;transition:all .18s ease;transition:all var(--transition)}.sidebar-user-btn:hover{background:#2d3047;background:var(--sidebar-hover);color:#fff}.avatar{display:inline-flex;flex-shrink:0;position:relative}.avatar img{border-radius:50%;display:block;object-fit:cover}.avatar-initials{align-items:center;border-radius:50%;display:flex;font-weight:600;justify-content:center;text-transform:uppercase}.avatar-sm .avatar-initials,.avatar-sm img{font-size:12px;height:34px;width:34px}.avatar-md .avatar-initials,.avatar-md img{font-size:15px;height:40px;width:40px}.avatar-lg .avatar-initials,.avatar-lg img{font-size:18px;height:52px;width:52px}.avatar-xl .avatar-initials,.avatar-xl img{font-size:26px;height:76px;width:76px}.status-dot{border:2px solid #1a1d2e;border:2px solid var(--sidebar-bg);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.status-dot.online{background:#22c55e;background:var(--online)}.status-dot.offline{background:#ef4444;background:var(--offline)}.chat-area .status-dot{border-color:#fff}.modal .status-dot{border-color:#fff;border-color:var(--panel-bg)}.chat-main{background:#f8f9fc;background:var(--chat-bg);overflow:hidden}.chat-empty,.chat-main{display:flex;flex:1 1;flex-direction:column}.chat-empty{gap:14px;padding:40px;text-align:center}.chat-empty,.chat-empty-icon{align-items:center;justify-content:center}.chat-empty-icon{background:#eef0fd;background:var(--brand-light);border-radius:50%;display:flex;font-size:36px;height:80px;margin-bottom:6px;width:80px}.chat-empty h2{color:#111827;color:var(--text-1);font-size:20px;font-weight:700}.chat-empty p{color:#9ca3af;color:var(--text-3);font-size:14px;max-width:300px}.chat-header{align-items:center;background:#fff;background:var(--panel-bg);border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;gap:12px;height:62px;padding:0 20px;z-index:10}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{color:#111827;color:var(--text-1);font-size:15px;font-weight:700}.chat-header-status{align-items:center;color:#9ca3af;color:var(--text-3);display:flex;font-size:12px;gap:5px;margin-top:1px}.chat-header-status.online{color:#22c55e;color:var(--online)}.chat-header-status .dot{background:currentColor;border-radius:50%;display:inline-block;height:7px;width:7px}.chat-header-actions{display:flex;gap:4px;margin-left:auto}.chat-header-badge{background:#eef0fd;background:var(--brand-light);border-radius:20px;color:#4752c4;color:var(--brand-hover);font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:20px 24px}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#e8eaf0;background:var(--border);border-radius:3px}.date-divider{align-items:center;display:flex;gap:10px;margin:18px 0 10px}.date-divider:after,.date-divider:before{background:#e8eaf0;background:var(--border);content:"";flex:1 1;height:1px}.date-divider span{color:#9ca3af;color:var(--text-3);font-size:11px;font-weight:600;padding:0 4px;white-space:nowrap}.msg-row{align-items:flex-end;display:flex;gap:10px;padding:2px 0}.msg-row.own{flex-direction:row-reverse}.msg-row .avatar-sm{flex-shrink:0;margin-bottom:2px}.msg-row.own .avatar-sm{display:none}.msg-group{display:flex;flex-direction:column;gap:2px;max-width:62%}.msg-row.own .msg-group{align-items:flex-end}.msg-sender{color:#5865f2;color:var(--brand);font-size:11px;font-weight:600;margin-bottom:2px;padding-left:2px}.msg-bubble{border-radius:16px;font-size:14px;line-height:1.55;max-width:100%;padding:10px 14px;position:relative;transition:opacity .15s;word-break:break-word}.msg-bubble.received{background:#fff;background:var(--msg-in);border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#111827;color:var(--msg-in-text)}.msg-bubble.sent{background:#5865f2;background:var(--msg-out);border-bottom-right-radius:4px;color:#fff;color:var(--msg-out-text)}.msg-bubble.deleted{font-size:13px;font-style:italic;opacity:.5}.msg-bubble.sending{opacity:.65}.msg-meta{align-items:center;display:flex;gap:5px;padding:2px 4px}.msg-time{font-size:10px}.msg-status,.msg-time{color:#9ca3af;color:var(--text-3)}.msg-status{font-size:11px}.msg-status.read{color:#5865f2;color:var(--brand)}.typing-indicator{color:#9ca3af;color:var(--text-3);font-size:12px;gap:8px;padding:8px 0 4px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dots span{animation:typeBounce 1.2s infinite;background:#d1d5db;background:var(--text-4);border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typeBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-input-wrap{background:#fff;background:var(--panel-bg);border-top:1px solid #e8eaf0;border-top:1px solid var(--border);flex-shrink:0;padding:14px 20px 16px}.chat-input-box{align-items:flex-end;background:#f8f9fc;background:var(--chat-bg);border:1.5px solid #e8eaf0;border:1.5px solid var(--border);border-radius:14px;display:flex;gap:10px;padding:10px 10px 10px 16px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--transition),box-shadow var(--transition)}.chat-input-box:focus-within{border-color:#5865f2;border-color:var(--brand);box-shadow:0 0 0 3px #5865f214}.chat-input-box textarea{background:#0000;border:none;color:#111827;color:var(--text-1);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:14px;line-height:1.55;max-height:120px;outline:none;padding:2px 0;resize:none}.chat-input-box textarea::placeholder{color:#d1d5db;color:var(--text-4)}.chat-send-btn{align-items:center;background:#5865f2;background:var(--brand);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;transition:all .18s ease;transition:all var(--transition);width:36px}.chat-send-btn:hover:not(:disabled){background:#4752c4;background:var(--brand-hover);transform:scale(1.05)}.chat-send-btn:disabled{background:#e8eaf0;background:var(--border);cursor:not-allowed;transform:none}.chat-input-hint{color:#9ca3af;color:var(--text-3);font-size:11px;margin-top:7px;padding-left:4px}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f112399;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}}.modal{animation:slideUp .18s ease;background:#fff;background:var(--panel-bg);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{font-size:17px;font-weight:700}.modal-close{align-items:center;background:#f0f2f8;background:var(--border-soft);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-3);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .18s ease;transition:all var(--transition);width:30px}.modal-close:hover{background:#e8eaf0;background:var(--border);color:#111827;color:var(--text-1)}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.modal-tabs{border-bottom:2px solid #e8eaf0;border-bottom:2px solid var(--border);display:flex;margin:14px 0 20px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--text-3);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-2px;padding:8px 16px;transition:all .18s ease;transition:all var(--transition)}.modal-tab:hover{color:#111827;color:var(--text-1)}.modal-tab.active{border-bottom-color:#5865f2;border-bottom-color:var(--brand);color:#5865f2;color:var(--brand)}.avatar-upload-wrap{cursor:pointer;display:inline-block;position:relative}.avatar-upload-overlay{align-items:center;background:#00000073;border-radius:50%;color:#fff;display:flex;font-size:18px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .18s ease;transition:opacity var(--transition)}.avatar-upload-wrap:hover .avatar-upload-overlay{opacity:1}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{background:#1a1d2e;background:var(--sidebar-bg);display:flex;flex-direction:column;min-width:240px;width:240px}.admin-sidebar-brand{border-bottom:1px solid #ffffff0d;padding:22px 20px 16px}.admin-sidebar-icon{display:block;font-size:28px;margin-bottom:8px}.admin-sidebar-title{color:#fff;font-size:16px;font-weight:700}.admin-sidebar-sub{color:#a8adc4;color:var(--sidebar-text);font-size:11px;margin-top:2px}.admin-nav{flex:1 1;padding:10px 0}.admin-nav-item{align-items:center;border-left:3px solid #0000;color:#a8adc4;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:11px;padding:11px 20px;transition:all .18s ease;transition:all var(--transition)}.admin-nav-item:hover{background:#2d3047;background:var(--sidebar-hover);color:#fff}.admin-nav-item.active{background:#5865f233;border-left-color:#5865f2;border-left-color:var(--brand);color:#fff}.admin-nav-item .nav-icon{font-size:16px;text-align:center;width:20px}.admin-nav-badge{align-items:center;background:#ef4444;background:var(--danger);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 5px}.admin-sidebar-footer{background:#23263a;background:var(--sidebar-sec);border-top:1px solid #ffffff0d;padding:12px 16px}.admin-content{background:#f4f6fb;flex:1 1;overflow-y:auto}.admin-content::-webkit-scrollbar{width:5px}.admin-content::-webkit-scrollbar-thumb{background:#e8eaf0;background:var(--border);border-radius:3px}.admin-inner{padding:28px 32px}.admin-page-title{color:#111827;color:var(--text-1);font-size:22px;font-weight:700;margin-bottom:24px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.stat-card{background:#fff;background:var(--panel-bg);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:18px 20px;transition:box-shadow .18s ease;transition:box-shadow var(--transition)}.stat-card:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow)}.stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;font-size:19px;height:42px;justify-content:center;margin-bottom:12px;width:42px}.stat-value{color:#111827;color:var(--text-1);font-size:28px;font-weight:700;line-height:1}.stat-label{color:#9ca3af;color:var(--text-3);font-size:12px;font-weight:500;margin-top:4px}.card{background:#fff;background:var(--panel-bg);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-title{color:#111827;color:var(--text-1);font-size:14px;font-weight:700}.card-body{padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:#f8f9fc;border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--border);color:#9ca3af;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td{border-bottom:1px solid #f0f2f8;border-bottom:1px solid var(--border-soft);font-size:13px;padding:12px 16px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfd}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.badge-success{background:#ecfdf5;color:#065f46}.badge-warning{background:#fffbeb;color:#92400e}.badge-danger{background:#fef2f2;color:#991b1b}.badge-secondary{background:#f3f4f6;color:#6b7280}.badge-primary{background:#eef0fd;background:var(--brand-light);color:#4752c4;color:var(--brand-hover)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-bar input,.filter-bar select{background:#fff;border:1.5px solid #e8eaf0;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:13px;height:36px;outline:none;padding:0 12px;transition:border-color .18s ease;transition:border-color var(--transition)}.filter-bar input:focus,.filter-bar select:focus{border-color:#5865f2;border-color:var(--brand)}.filter-bar input{flex:1 1;min-width:160px}.pagination{align-items:center;color:#4b5563;color:var(--text-2);display:flex;font-size:13px;justify-content:space-between;padding:12px 0 0}.conn-bar,.pagination-btns{display:flex;gap:6px}.conn-bar{align-items:center;background:#fef3c7;color:#92400e;font-size:12px;font-weight:500;justify-content:center;padding:6px;text-align:center}@media(max-width:768px){.sidebar{flex-direction:row;height:60px;min-width:0;min-width:auto;width:100%}.admin-layout{flex-direction:column}.admin-sidebar{min-width:0;min-width:auto;width:100%}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.auth-card{padding:24px 16px}.chat-messages{padding:14px}}
/*# sourceMappingURL=main.5c203522.css.map*/