:root{--bg:#0f1512;--surface:#18211c;--surface-hi:#1f2a24;--border:#2a3831;--border-hi:#3b4d43;--ink:#ecf2ee;--ink-muted:#9baaa1;--ink-faint:#6b7c73;--brand:#34a853;--brand-dim:#1b5e4b;--gold:#d9a441;--danger:#f0616d;--danger-dim:#3a1d22;--warn:#e0a64a;--font-heading:"Unbounded", system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--radius:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.3}h1{font-size:1.3rem}h2{font-size:1rem}a{color:var(--brand);text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}input,select,textarea{font-family:var(--font-sans);border-radius:var(--radius);border:1px solid var(--border-hi);background-color:var(--surface);color:var(--ink);width:100%;padding:10px 12px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #34a8532e}input::placeholder{color:var(--ink-faint)}label{margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.field{margin-bottom:16px}.hint{color:var(--ink-faint);margin-top:5px;font-size:.78rem;display:block}.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand);color:#06170d}.btn-primary:hover:not(:disabled){background-color:#46bc66}.btn-ghost{color:var(--ink-muted);border-color:var(--border-hi);background-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.btn-danger{color:var(--danger);background-color:#0000;border-color:#5a2a31}.btn-danger:hover:not(:disabled){background-color:var(--danger-dim)}.btn-warn{color:var(--warn);background-color:#0000;border-color:#55411f}.btn-warn:hover:not(:disabled){background-color:#2b2113}.btn-sm{padding:6px 13px;font-size:.8rem}.btn-block{width:100%}.shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background-color:#0a0f0c;flex-direction:column;flex-shrink:0;gap:3px;width:216px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.sidebar-brand{font-family:var(--font-heading);color:var(--ink);padding:0 10px 4px;font-size:.95rem;font-weight:600}.sidebar-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;padding:0 10px 18px;font-size:.7rem;font-weight:700}.nav-item{border-radius:var(--radius);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:.88rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background-color:var(--surface);color:var(--ink)}.nav-item.active{background-color:var(--brand-dim);color:#fff;font-weight:600}.nav-count{background-color:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.sidebar-user{color:var(--ink-faint);word-break:break-all;padding:0 11px 8px;font-size:.75rem}.main{flex:1;min-width:0;padding:26px 30px 60px}.page-head{margin-bottom:22px}.page-head p{color:var(--ink-muted);margin-top:3px;font-size:.9rem}@media (width<=900px){.shell{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:10px;position:static;overflow-x:auto}.sidebar-brand,.sidebar-tag,.sidebar-user{display:none}.sidebar-foot{border:none;margin-top:0;padding-top:0}.nav-item{white-space:nowrap}.main{padding:18px 14px 40px}}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:18px;padding:20px}.card-title{font-family:var(--font-heading);margin-bottom:16px;font-size:.88rem;font-weight:500}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.tile{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tile-label{color:var(--ink-muted);margin-bottom:5px;font-size:.76rem;display:block}.tile-value{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600;display:block}.tile-sub{color:var(--ink-faint);margin-top:3px;font-size:.75rem;display:block}.tile-value.gold{color:var(--gold)}.tile-value.brand{color:var(--brand)}.tile-value.alert{color:var(--danger)}.tile.urgent{background-color:#1c1416;border-color:#5a2a31}.chart{align-items:flex-end;gap:2px;min-width:460px;height:150px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.chart-bar{background-color:var(--brand-dim);border-radius:2px 2px 0 0;min-height:2px}.chart-col:hover .chart-bar{background-color:var(--gold)}.chart-wrap{overflow-x:auto}.chart-axis{color:var(--ink-faint);justify-content:space-between;min-width:460px;margin-top:6px;font-size:.72rem;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);border-bottom:1px solid var(--border);padding:0 10px 9px;font-size:.72rem;font-weight:700}td{border-bottom:1px solid var(--border);padding:11px 10px;font-size:.88rem}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--surface-hi)}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:600;display:inline-block}.b-ok{color:#6bd98a;background-color:#16301f}.b-wait{color:#e0bc5e;background-color:#2e2716}.b-bad{background-color:var(--danger-dim);color:var(--danger)}.b-off{background-color:var(--surface-hi);color:var(--ink-faint)}.alert{border-radius:var(--radius);margin-bottom:16px;padding:11px 15px;font-size:.87rem}.alert-err{background-color:var(--danger-dim);color:#ffb3ba;border:1px solid #5a2a31}.alert-ok{color:#9fe6b4;background-color:#16301f;border:1px solid #24512f}.alert-warn{color:#efce8b;background-color:#2b2113;border:1px solid #55411f}.empty{text-align:center;color:var(--ink-muted);padding:40px 20px;font-size:.9rem}.loading{text-align:center;color:var(--ink-faint);padding:40px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{width:auto;min-width:190px}.backdrop{z-index:100;background-color:#000000a6;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background-color:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);width:100%;max-width:460px;margin:auto;padding:24px}.modal h2{margin-bottom:6px}.modal-lead{color:var(--ink-muted);margin-bottom:18px;font-size:.87rem}.modal-actions{gap:9px;margin-top:18px;display:flex}.modal-actions .btn{flex:1}.auth{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background-color:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:30px}.auth-brand{font-family:var(--font-heading);text-align:center;margin-bottom:3px;font-size:1.05rem;font-weight:600}.auth-tag{text-align:center;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px;font-size:.72rem;font-weight:700}.otp{font-family:var(--font-heading);text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;padding-left:.35em;font-size:1.4rem}.impersonating{z-index:50;background-color:var(--gold);color:#1a1206;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font-size:.85rem;font-weight:700;display:flex;position:sticky;top:0}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.detail-item{font-size:.87rem}.detail-item span{color:var(--ink-faint);margin-bottom:2px;font-size:.74rem;display:block}
