:root{--bg: #0a131b;--surface: #111f2b;--surface-alt: #152736;--text: #e7f0f7;--muted: #9cb3c7;--accent: #45d483;--accent-2: #55a4ff;--warn: #ffb347;--danger: #ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(1200px 500px at 10% -10%,rgba(69,212,131,.12),transparent),radial-gradient(900px 500px at 100% 0%,rgba(85,164,255,.14),transparent),var(--bg);min-height:100vh}.loading,.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 40px}.auth-card{width:min(100%,560px);background:linear-gradient(180deg,#122331f5,#0e1b26f5);border:1px solid #284157;border-radius:22px;padding:34px 34px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 70px #00000059;display:grid;gap:16px}.auth-head h1{margin:0;font-size:38px;line-height:1.05}.auth-head p{margin:8px 0 0;color:var(--muted);font-size:16px}.auth-label{display:grid;gap:8px}.auth-label span{color:#c7d8e8;font-size:14px;font-weight:600}.auth-label input{width:100%;min-height:58px;font-size:18px;border-radius:14px;padding:14px 16px}.auth-submit{min-height:58px;border-radius:14px;font-size:18px}.auth-error{margin-top:0}input,select,button{border:1px solid #2c4257;background:var(--surface-alt);color:var(--text);border-radius:10px;padding:10px 12px}button{cursor:pointer;background:linear-gradient(120deg,var(--accent),#1fb2bd);color:#042512;font-weight:700}button.secondary{background:var(--surface-alt);color:var(--text)}button.small{padding:8px 10px;border-radius:8px;font-size:12px}.app-shell{max-width:1220px;margin:0 auto;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}.tabs{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}.tab{background:#132332;color:var(--muted)}.tab.active{color:#03210d;background:linear-gradient(120deg,var(--accent),#73ffc7)}.panel-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card,.card,.chart-card{background:#111f2bdb;border:1px solid #22394d;border-radius:16px;padding:16px}.metric-card strong{font-size:28px}.metric-card p{margin:8px 0 0;color:var(--muted);font-size:14px}.chart-card{grid-column:1 / -1}.chart-card.full-width{width:100%}.panel-stack{margin-top:18px;display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:10px}.table-card{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:10px;border-bottom:1px solid #23394d;font-size:14px}th{color:var(--muted);font-weight:600}.badge{padding:4px 8px;border-radius:999px;font-size:12px}.badge.up{background:#45d4832e;color:#7df0ae}.badge.down{background:#ff6b6b2e;color:#ff9a9a}.error{margin-top:8px;color:var(--danger)}@media(max-width:960px){.panel-grid{grid-template-columns:1fr}.chart-card{grid-column:1 / -1}.form-grid{grid-template-columns:1fr}.auth-shell{padding:0 20px}.auth-card{padding:28px 22px 24px}.auth-head h1{font-size:32px}}