body{margin:0}#sidebar{background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:220px;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.sidebar-backdrop{z-index:95;background:#00000080;position:fixed;inset:0}.logo-area{border-bottom:1px solid var(--border);padding:18px 16px 14px}.logo-badge{background:var(--accent-bg);border-radius:var(--radius-sm);border:1px solid #4f7cff40;align-items:center;gap:8px;margin-bottom:8px;padding:4px 10px;display:inline-flex}.logo-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.logo-badge span{color:var(--accent);letter-spacing:.06em;font-size:11px;font-weight:500}.logo-title{color:var(--text);font-size:12px;font-weight:600;line-height:1.3}.logo-sub{color:var(--text3);margin-top:2px;font-size:10px}nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-section{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;padding:12px 8px 4px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text2);border:1px solid #0000;align-items:center;gap:9px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--accent);border-color:#4f7cff33;font-weight:500}.nav-icon{text-align:center;width:18px;font-size:15px}.nav-badge{background:var(--red);color:#fff;border-radius:99px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.user-name{color:var(--text);font-size:12px;font-weight:500}.user-role{color:var(--text3);font-size:10px}.logout-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;transition:color .15s}.logout-btn:hover{color:var(--red)}.exit-impersonation-btn{background:var(--amber);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-bottom:8px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .15s}.exit-impersonation-btn:hover{opacity:.85}@media (width<=768px){#sidebar.mobile{z-index:110;width:min(82vw,280px);transform:translate(-100%);box-shadow:8px 0 24px #00000059}#sidebar.mobile.open{transform:translate(0)}}#header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#0f1117e6;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.page-title{color:var(--text);font-size:16px;font-weight:600}.page-sub{color:var(--text3);font-size:12px}.header-right{align-items:center;gap:10px;display:flex}.menu-trigger{border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg2);width:34px;height:34px;color:var(--text);cursor:pointer;font-size:18px;line-height:1}.menu-trigger:hover{background:var(--bg3)}.live-indicator{color:var(--text3);align-items:center;gap:6px;font-size:12px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}.ticker-line{white-space:nowrap;align-items:center;height:22px;font-size:11px;transition:opacity .3s;display:flex}.ticker-green{color:var(--green)}.ticker-amber{color:var(--amber)}.ticker-red{color:var(--red)}.ticker-blue{color:var(--blue)}.hdr-btn{border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;text-decoration:none;transition:all .15s;display:flex}.hdr-btn:hover{background:var(--bg3);color:var(--text)}.hdr-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.hdr-btn.primary:hover{opacity:.9}.notif-trigger{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);padding:7px;font-size:16px;text-decoration:none;transition:background .15s;position:relative}.notif-trigger:hover{background:var(--bg3)}.notif-count{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-dropdown-wrap{position:relative}.notif-trigger.active{background:var(--accent-bg);border-color:#4f7cff4d}.notif-dropdown{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);z-index:200;width:380px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.notif-dropdown-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.notif-dropdown-header a{color:var(--accent);cursor:pointer;font-size:11px;font-weight:500;text-decoration:none}.notif-dropdown-header a:hover{text-decoration:underline}.notif-dropdown-list{max-height:360px;overflow-y:auto}.notif-dropdown-empty{text-align:center;color:var(--text3);padding:32px 16px;font-size:12px}.notif-dropdown-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 16px;transition:background .15s;display:flex;position:relative}.notif-dropdown-item:last-child{border-bottom:none}.notif-dropdown-item:hover{background:#ffffff05}.notif-dropdown-item.unread{background:#4f7cff0a}.notif-dropdown-icon{border-radius:var(--radius-sm);background:var(--bg3);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notif-dropdown-content{flex:1;min-width:0}.notif-dropdown-title{color:var(--text);margin-bottom:2px;font-size:12px;font-weight:600}.notif-dropdown-msg{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.notif-dropdown-time{color:var(--text3);font-size:10px}.impersonation-banner{background:var(--amber);color:#000;z-index:60;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:13px;font-weight:500;display:flex;position:sticky;top:0}.impersonation-exit-btn{color:#000;cursor:pointer;background:#00000026;border:none;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.impersonation-exit-btn:hover{background:#00000040}@media (width<=768px){#header{gap:10px;height:auto;min-height:56px;padding:10px 12px}.header-right{gap:8px;margin-left:auto}.page-title{font-size:14px}.page-sub{font-size:11px}.hide-on-mobile{display:none}.notif-dropdown{width:min(92vw,360px);right:-8px}.hdr-btn{padding:6px 10px;font-size:11px}}:root{--bg:#0f1117;--bg2:#161b27;--bg3:#1e2535;--bg4:#252d42;--border:#ffffff12;--border2:#ffffff1f;--text:#e8eaf0;--text2:#8b92a8;--text3:#5a6278;--green:#22c55e;--green-bg:#22c55e1a;--amber:#f59e0b;--amber-bg:#f59e0b1a;--red:#ef4444;--red-bg:#ef44441a;--blue:#3b82f6;--blue-bg:#3b82f61a;--accent:#4f7cff;--accent-bg:#4f7cff1f;--teal:#14b8a6;--teal-bg:#14b8a61a;--sidebar-w:220px;--header-h:56px;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;overflow-x:hidden}#root{display:flex}#main{margin-left:var(--sidebar-w);min-height:100vh;width:calc(100% - var(--sidebar-w));transition:margin-left .25s,width .25s}.page{padding:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color .2s}.stat-card:hover{border-color:var(--border2)}.stat-label{color:var(--text3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500}.stat-value{color:var(--text);margin-bottom:4px;font-family:DM Mono,ui-monospace,monospace;font-size:28px;font-weight:600;line-height:1}.stat-change{align-items:center;gap:4px;font-size:11px;display:flex}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .2s,transform .15s}.card:hover{border-color:var(--border2);transform:translateY(-1px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text);font-size:13px;font-weight:600}.badge{border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge.green{background:var(--green-bg);color:var(--green)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.teal{background:var(--teal-bg);color:var(--teal)}.badge.accent{background:var(--accent-bg);color:var(--accent)}.alert-bar{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.alert-bar.warning{background:var(--amber-bg);color:var(--amber);border-color:#f59e0b4d}.alert-bar.danger{background:var(--red-bg);color:var(--red);border-color:#ef44444d}.alert-bar.info{background:var(--blue-bg);color:var(--blue);border-color:#3b82f64d}.alert-bar.success{background:var(--green-bg);color:var(--green);border-color:#22c55e4d}.alert-msg{flex:1;font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:2fr 1fr;gap:16px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}label{color:var(--text2);font-size:12px;font-weight:500}input,select,textarea{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--bg2)}textarea{resize:vertical;min-height:80px}.form-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.form-btn.primary{background:var(--accent);color:#fff}.form-btn.primary:hover{opacity:.85}.form-btn.secondary{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.form-btn.secondary:hover{background:var(--bg4)}.form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--text3);letter-spacing:.05em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle;padding:11px 12px}tr:last-child td{border-bottom:none}tr:hover td{color:var(--text);background:#ffffff05}.search-box{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:99px}.loading{color:var(--text3);justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.loading:before{content:"";border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;margin-right:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.section-heading:after{content:"";background:var(--border);flex:1;height:1px}.td-name{color:var(--text);font-weight:500}tfoot td{background:var(--bg3);color:var(--text);border-top:1px solid var(--border2);font-weight:600}.upload-zone{border:1.5px dashed var(--border2);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:var(--bg3);padding:24px;transition:all .15s}.upload-zone:hover{border-color:var(--accent);background:var(--accent-bg)}.upload-icon{margin-bottom:8px;font-size:28px}.upload-text{color:var(--text2);font-size:12px}.upload-hint{color:var(--text3);margin-top:4px;font-size:11px}.ticker-wrap{width:220px;height:22px;overflow:hidden}.ticker-inner{flex-direction:column;animation:8s linear infinite ticker-scroll;display:flex}@keyframes ticker-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.ticker-line{height:22px;color:var(--text3);white-space:nowrap;align-items:center;font-size:11px;display:flex}.tracker-status-dot{border-radius:50%;width:8px;height:8px}.tracker-status-dot.green{background:var(--green)}.tracker-status-dot.amber{background:var(--amber)}.tracker-status-dot.red{background:var(--red)}.form-btn:disabled,.hdr-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card-action{color:var(--accent);cursor:pointer;font-size:11px;transition:color .15s}.card-action:hover{color:var(--text)}.empty-state{text-align:center;color:var(--text3);padding:24px;font-size:12px}.loading-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.bg-raised{background:var(--bg-raised,var(--bg3))}input[readonly],select[disabled]{background:var(--bg3);border:1px solid var(--border);color:var(--text3)}input[readonly]:focus,select[disabled]:focus{border-color:var(--border)}.text-muted{color:var(--text3)}@media (width<=1024px){.page{padding:18px}.grid-3{grid-template-columns:1fr}}@media (width<=768px){#main{width:100%;margin-left:0}.page{padding:14px 12px}.stats-grid{grid-template-columns:1fr;gap:10px}.grid-2,.form-grid{grid-template-columns:1fr}.form-actions{flex-wrap:wrap;justify-content:stretch}.form-actions .form-btn{flex:auto}.card-header{flex-wrap:wrap;align-items:flex-start;gap:8px}}@media (width<=480px){.page{padding:12px 10px}.hdr-btn{padding:6px 10px;font-size:11px}.stat-value{font-size:24px}}