:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0;background-color:#020617}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#0f172a,#020617 70%)}.page{max-width:1200px;margin:0 auto;padding:32px 20px 80px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.page-header h1{margin:4px 0 0;font-size:2.4rem}.header-actions{display:flex;gap:24px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:#94a3b8;font-size:.75rem;margin:0}.status{padding:6px 14px;background:#22d3ee26;color:#22d3ee;border:1px solid rgba(34,211,238,.5);border-radius:999px;font-size:.85rem}.toggle-group{display:inline-flex;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:4px;gap:4px}.toggle-group button{border:none;background:transparent;color:#94a3b8;padding:8px 18px;border-radius:999px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.toggle-group button.active{background:linear-gradient(135deg,#22d3ee,#38bdf8);color:#0f172a;font-weight:600}.toggle-group.compact button{padding:6px 14px}.block{margin-bottom:48px}.block-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.block-title{width:100%}.title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.title-row h2{margin:0}.block-heading h2{margin:6px 0 0;font-size:1.6rem}.material-filter{background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:18px 24px;margin-bottom:20px}.filter-header{display:flex;justify-content:space-between;align-items:center}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.chip.active{background:#22d3ee26;border-color:#22d3ee80;color:#22d3ee}.muted{color:#94a3b8;font-size:.85rem}.daily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.span-2{grid-column:span 2}@media (max-width: 960px){.span-2{grid-column:span 1}}.card{background:#0f172ae6;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:24px;box-shadow:0 25px 80px #02061799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card.wide{grid-column:span 2}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{margin:0;font-size:1.1rem}.card.metric{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:2rem;margin:6px 0}.metric-subtitle{margin:0;color:#94a3b8;font-size:.9rem}.card.chart{min-height:260px}.chart-body{height:220px}.card.live img{width:100%;border-radius:12px;border:1px solid rgba(34,211,238,.4);object-fit:contain;background:#020617;min-height:220px}.table-card{grid-column:span 2;margin-top:12px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.15);font-size:.9rem}th{color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.summary-card{margin-top:12px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-item{padding:12px 16px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#02061766}.summary-label{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#94a3b8}.summary-value{margin:6px 0 4px;font-size:1.2rem}.summary-muted{margin:0;color:#94a3b8;font-size:.85rem}.error{padding:12px 16px;border:1px solid rgba(248,113,113,.5);background:#f871711a;color:#fecaca;border-radius:10px;margin-bottom:20px}@media (max-width: 960px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.table-card{grid-column:span 1}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#0f172a,#020617 70%)}.login-container{width:100%;max-width:420px;background:#0f172acc;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:2rem;color:#e2e8f0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;color:#94a3b8;font-weight:500}.form-group input{padding:12px 16px;background:#02061799;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#60a5fa}.form-group input:disabled{opacity:.5;cursor:not-allowed}.login-button{padding:14px 24px;background:#60a5fa;color:#020617;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.login-button:hover:not(:disabled){background:#3b82f6}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer p{font-size:.875rem}.logout-button{padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.logout-button:hover{background:#ef444433;border-color:#ef444480}