:root{color-scheme:dark;--bg:#091018;--panel:#111a23;--panel-strong:#162331;--line:#263241;--text:#e6edf5;--muted:#8b9bb0;--teal:#14b8a6;--amber:#f59e0b;--rose:#ef4444;--violet:#8b5cf6;--cyan:#06b6d4}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(180deg,rgba(20,184,166,.08),transparent 260px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:22px 0 36px}.topbar{justify-content:space-between;gap:18px;margin-bottom:18px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;min-width:0}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(20,184,166,.45);background:radial-gradient(circle at 30% 25%,rgba(245,158,11,.35),transparent 36%),linear-gradient(135deg,rgba(20,184,166,.3),rgba(139,92,246,.22));border-radius:8px;box-shadow:0 16px 36px rgba(0,0,0,.2)}.brand-mark span{color:#f8fafc;font-size:12px;font-weight:800}.brand h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:0}.brand p,.panel-heading p{margin:5px 0 0;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;min-height:36px;gap:8px;padding:0 11px;border:1px solid var(--line);background:rgba(17,26,35,.82);border-radius:8px;color:#c9d6e4;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(20,184,166,.12)}.dot.warning{background:var(--amber);box-shadow:0 0 0 4px rgba(245,158,11,.14)}.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;cursor:pointer}.icon-button:hover{border-color:rgba(20,184,166,.65)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.notice{margin-bottom:14px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:8px}.notice.danger{border-color:rgba(239,68,68,.5);color:#fecaca}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.metric-card{position:relative;min-height:138px;padding:15px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--panel);border-radius:8px}.metric-card:after{position:absolute;right:-24px;bottom:-28px;width:88px;height:88px;content:"";border-radius:50%;opacity:.16}.metric-card.teal:after{background:var(--teal)}.metric-card.amber:after{background:var(--amber)}.metric-card.rose:after{background:var(--rose)}.metric-card.violet:after{background:var(--violet)}.metric-icon{display:grid;width:34px;height:34px;place-items:center;margin-bottom:14px;border:1px solid var(--line);border-radius:8px;color:#d7e5f3}.metric-card span{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;min-height:34px;margin-top:5px;font-size:clamp(20px,2.2vw,30px);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.metric-card small{display:block;margin-top:8px;color:#9fb1c6}.panel{border:1px solid var(--line);background:rgba(17,26,35,.9);border-radius:8px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.panel-heading.compact{min-height:73px}.panel-heading h2{margin:0;font-size:18px;line-height:1.15}.segmented{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);background:#0b121a;border-radius:8px}.control-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.segmented button{min-width:48px;height:30px;border:0;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.segmented button.active{background:var(--panel-strong);color:var(--text)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:12px}.two-chart-grid{align-items:stretch}.chart-box{min-width:0;border:1px solid #1f2b38;background:#0c141d;border-radius:8px}.chart-box h3{margin:0;padding:12px 12px 0;color:#d5e0ec;font-size:14px;font-weight:650}.chart-canvas{height:340px;padding:6px 8px 10px 0}.chart-empty{display:grid;height:100%;min-height:210px;place-items:center;color:var(--muted);font-size:13px}.chart-tooltip{display:grid;grid-gap:4px;gap:4px;min-width:118px;padding:9px 10px;border:1px solid #d1d5db;background:#f8fafc;color:#0f172a;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.22)}.chart-tooltip strong{font-size:12px}.chart-tooltip span{color:#334155;font-size:12px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:12px;gap:12px;margin-top:12px}.pool-chart{height:350px;padding:12px 8px 12px 0}.source-list{display:grid;grid-gap:8px;gap:8px;padding:12px}.source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #1f2b38;background:#0c141d;border-radius:8px}.source-row div{display:grid;grid-gap:3px;gap:3px;min-width:0}.source-row strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.source-row span{color:var(--muted);font-size:12px}.source-status{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(20,184,166,.35);color:#99f6e4;border-radius:999px}.source-status.failure{border-color:rgba(239,68,68,.38);color:#fecaca}.table-panel{margin-top:12px}.table-wrap{overflow-x:auto}table{width:100%;min-width:860px;border-collapse:collapse}td,th{padding:11px 13px;border-bottom:1px solid #1f2b38;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:650}td{color:#dce7f3;font-size:13px}td a{display:inline-flex;align-items:center;gap:5px;color:#e8f5ff;text-decoration:none}td a:hover{color:#99f6e4}@media (max-width:1080px){.chart-grid,.lower-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.shell{width:min(100% - 20px,720px);padding-top:14px}.panel-heading,.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.control-stack{width:100%;justify-content:flex-start}.status-pill{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis}.chart-grid,.lower-grid,.metric-grid{grid-template-columns:1fr}.chart-canvas{height:235px}}