@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #fafafa;--surface-hi: #f1f3f6;--border: #e5e7eb;--border-strong:#d1d5db;--fg: #111827;--fg-muted: #4b5563;--fg-subtle: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: rgba(37,99,235,.12);--accent-fg: #1d4ed8;--ok: #16a34a;--ok-soft: rgba(22,163,74,.12);--warn: #b45309;--warn-soft: rgba(180,83,9,.12);--danger: #dc2626;--danger-soft: rgba(220,38,38,.12);--info: #6d28d9;--rule: rgba(17,24,39,.06);--tabular: "tnum" 1, "lnum" 1}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:var(--tabular);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.shell{max-width:1400px;margin:0 auto;padding:28px 32px 80px}@media (max-width: 720px){.shell{padding:20px 16px 60px}}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.topbar-brand{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--fg-subtle)}.topbar-title{font-size:22px;font-weight:600;color:var(--fg);margin:4px 0;letter-spacing:-.2px}.topbar-meta{font-size:12px;color:var(--fg-subtle);display:flex;align-items:center;gap:10px}.topbar-meta strong{color:var(--fg);font-weight:600}.topbar-actions{display:flex;gap:8px;align-items:center}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.5px}.status-dot .dot{width:6px;height:6px;border-radius:3px;display:inline-block}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{padding:5px 11px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;background:var(--surface);color:var(--fg-muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:inherit;transition:all .12s}.tab:hover{color:var(--fg);border-color:var(--border-strong)}.tab.active{background:var(--accent-soft);color:var(--accent-fg);border-color:var(--accent)}.gauges-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}@media (max-width: 1100px){.gauges-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.gauges-row{grid-template-columns:1fr}}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}@media (max-width: 1100px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.cards-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px;min-height:220px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-strong);box-shadow:0 1px 3px #1118270a}.card.clickable{cursor:pointer}.card-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}.card-title{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--fg-subtle);display:inline-flex;gap:6px;align-items:center}.card-rate{font-size:24px;font-weight:700;color:var(--fg);line-height:1}.card-rate .unit{font-size:12px;font-weight:400;color:var(--fg-subtle);margin-left:4px}.card-rate-label{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--fg-subtle);margin-top:2px}.card-rate-secondary{font-size:12px;color:var(--fg-muted);margin-top:4px}.card-rate-secondary strong{color:var(--fg);font-weight:600}.card-rate-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.2px;background:var(--accent-soft);color:var(--accent-fg);border-radius:5px}.chart-slot{flex:1;min-height:60px;margin-top:8px;display:flex;align-items:center;justify-content:center}.card-footer{margin-top:10px;padding-top:8px;border-top:1px solid var(--rule);font-size:11px;color:var(--fg-subtle)}.section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 22px;margin-bottom:16px}.section-title{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:14px}.section-empty{font-size:13px;color:var(--fg-subtle);padding:16px 0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--fg-subtle);padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:10px;color:var(--fg);border-bottom:1px solid var(--rule)}.table tr:last-child td{border-bottom:none}.row-item{display:flex;gap:12px;justify-content:space-between;padding:10px 8px;margin:0 -8px;border-radius:6px;cursor:pointer;border-bottom:1px solid var(--rule);transition:background .1s}.row-item:hover{background:var(--surface-hi)}.row-item:last-child{border-bottom:none}.row-item .row-title{font-size:13px;font-weight:600;color:var(--fg)}.row-item .row-sub{font-size:11px;color:var(--fg-subtle);margin-top:2px}.row-item .row-aside{font-size:11px;color:var(--fg-muted);text-align:right;flex-shrink:0}.badge{display:inline-block;padding:2px 7px;font-size:10px;font-weight:600;letter-spacing:.2px;border-radius:4px}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--surface-hi);color:var(--fg-muted)}.range-trigger{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:5px 11px;font-size:11px;font-weight:500;letter-spacing:.2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;transition:all .12s}.range-trigger:hover{border-color:var(--border-strong);background:var(--surface-hi)}.range-trigger.open{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-fg)}.range-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #1118271a;padding:6px;min-width:220px}.range-menu button{display:block;width:100%;text-align:left;background:transparent;color:var(--fg-muted);border:none;padding:7px 11px;font-size:12px;font-family:inherit;border-radius:5px;cursor:pointer}.range-menu button:hover{background:var(--surface-hi);color:var(--fg)}.range-menu button.active{background:var(--accent-soft);color:var(--accent-fg);font-weight:600}.range-menu .custom-range{display:flex;gap:6px;padding:8px 11px 6px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rule);margin-top:4px}.range-menu .custom-range input[type=date]{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:11px;font-family:inherit}.range-menu .custom-range button.apply{background:var(--accent);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-weight:600;font-size:11px;cursor:pointer}.footer{text-align:right;font-size:10px;color:var(--fg-subtle);margin-top:32px;letter-spacing:.2px}.overlay{position:fixed;inset:0;background:#11182773;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.overlay-card{background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);border-radius:12px;max-width:960px;width:100%;padding:24px 28px;box-shadow:0 20px 50px #11182726}