:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#0b1120}*{box-sizing:border-box}body{margin:0;background:#0b1120;color:#e2e8f0}.layout{max-width:1200px;margin:0 auto;padding:16px;display:grid;gap:14px}.panel{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:14px}.header{display:flex;justify-content:space-between;gap:16px}h1,h2,h3,p{margin:0}h1{font-size:1.35rem;margin-bottom:6px;color:#f8fafc}h2{font-size:1.05rem;margin-bottom:10px;color:#f1f5f9}h3{font-size:.95rem;margin-bottom:8px;color:#cbd5e1}p{color:#94a3b8;font-size:.9rem}.meta{display:grid;gap:2px;color:#94a3b8;font-size:.82rem;text-align:right}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{border:1px solid #1f2937;border-radius:10px;padding:10px;display:grid;gap:5px;background:#0f172a}.stat span{color:#94a3b8;font-size:.78rem}.stat strong{font-size:1.05rem;color:#f8fafc}.charts-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart{width:100%;height:240px}.table-wrap{overflow-x:auto;border:1px solid #1f2937;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #1f2937;font-size:.88rem}th{font-size:.8rem;color:#94a3b8}td{color:#e2e8f0}.state{background:#111827;border:1px solid #1f2937;padding:12px;border-radius:10px;color:#e2e8f0}.state.error{border-color:#7f1d1d;background:#1f1111;color:#fca5a5}.up{color:#4ade80}.down{color:#f87171}.sparkline-wrap{width:110px;height:30px}.sparkline-empty{color:#64748b;font-size:.75rem}@media (max-width: 900px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}.header{flex-direction:column}.meta{text-align:left}}@media (max-width: 500px){.overview-grid{grid-template-columns:1fr}.layout{padding:12px}.sparkline-wrap{width:86px}}