:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2332;--bg-card-hover:#1f2b3d;--border:#2a3548;--border-light:#374357;--text-primary:#e8edf5;--text-secondary:#8896ab;--text-muted:#5a6b82;--accent:#3b82f6;--accent-hover:#2563eb;--green:#10b981;--green-dim:#10b9811f;--red:#ef4444;--red-dim:#ef44441f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--purple:#8b5cf6;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);padding:20px 16px}.sidebar-header h1{letter-spacing:.5px;font-size:15px;font-weight:600}.sidebar-header .subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:2px;font-size:10px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-section{margin-bottom:16px}.nav-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:4px 12px 6px;font-size:10px;font-weight:600}.nav-link{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.nav-link:hover{background:var(--bg-card);color:var(--text-primary)}.nav-link.active{background:var(--accent);color:#fff}.nav-link svg{flex-shrink:0;width:16px;height:16px}.main{flex:1;min-height:100vh;margin-left:240px}.page-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:24px 32px 16px}.page-header h2{margin-bottom:4px;font-size:20px;font-weight:600}.page-header .breadcrumb{color:var(--text-muted);font-size:12px}.page-content{padding:24px 32px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s}.card:hover{border-color:var(--border-light)}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.card-value{font-size:28px;font-weight:700;font-family:var(--font-mono);line-height:1.1}.card-subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.table-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-secondary);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;padding:10px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-card-hover)}td.mono{font-family:var(--font-mono);font-size:12px}.badge{letter-spacing:.3px;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-blue{color:var(--accent);background:#3b82f61f}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.red{background:var(--red);box-shadow:0 0 6px var(--red)}.status-dot.amber{background:var(--amber);box-shadow:0 0 6px var(--amber)}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:48px;font-size:13px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;margin-right:10px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-overlay{background:var(--bg-primary);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:420px;padding:40px}.auth-box h2{margin-bottom:8px;font-size:20px}.auth-box p{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.auth-box input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:6px;outline:none;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-box input:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .15s}.btn:hover{background:var(--accent-hover)}.chart-container{width:100%;height:300px;position:relative}.chart-container svg{width:100%;height:100%}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.gap-8{gap:8px}.gap-16{gap:16px}.justify-between{justify-content:space-between}.text-mono{font-family:var(--font-mono)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:inline-block;overflow:hidden}