:root{color-scheme:dark;--bg:#030712;--surface:#0f172a;--surface-soft:#17233d;--text:#e5edf9;--text-dim:#b7c6e2;--accent:#93c5fd;--accent-strong:#2563eb;--danger:#dc2626;--success:#16a34a;--border:#2d4268}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(165deg,#02040a,#081122 40%,#101b30);color:var(--text);min-height:100vh}a{color:var(--accent)}.page{--stage-offset:190px;width:min(96vw,calc((100vh - var(--stage-offset)) * 16 / 9));max-width:96vw;margin:0 auto;padding:2.2rem clamp(1rem,2.4vw,2.4rem) 3rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.3rem;background:linear-gradient(160deg,rgba(23,37,66,.9),rgba(14,24,45,.9));border:1px solid rgba(147,197,253,.35);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 18px 45px rgba(0,0,0,.35)}.card{background:linear-gradient(180deg,var(--surface) 0,var(--surface-soft) 100%);border:1px solid var(--border);border-radius:18px;padding:1.15rem;box-shadow:inset 0 1px 0 rgba(173,212,255,.06),0 12px 26px rgba(0,0,0,.28)}.card-highlight{border-color:rgba(239,68,68,.5);box-shadow:inset 0 1px 0 rgba(255,180,180,.05),0 14px 30px rgba(60,10,10,.38)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.grid-top{align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.8rem;gap:.8rem}.metric-grid.premium{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.metric-grid.metric-grid-wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{border:1px solid rgba(147,197,253,.28);border-radius:14px;padding:.75rem;background:linear-gradient(180deg,rgba(30,58,108,.5),rgba(15,23,42,.5))}.metric-card.premium{padding:1rem}.metric-card-action{text-align:left;cursor:pointer;border:1px solid rgba(88,141,236,.45);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.metric-card-action:focus-visible,.metric-card-action:hover{transform:translateY(-1px);border-color:rgba(125,180,255,.7);box-shadow:0 0 0 2px rgba(59,130,246,.22)}.metric-title{font-size:.8rem;color:var(--text-dim);margin-bottom:.25rem}.metric-value{font-size:1.2rem;font-weight:700;margin-bottom:.55rem}.meter{width:100%;height:8px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.22)}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#3b82f6)}.status-line{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.muted{color:var(--text-dim)}.button{border:0;border-radius:12px;padding:.63rem 1.05rem;font-weight:600;cursor:pointer;background:linear-gradient(180deg,#3b82f6,var(--accent-strong));color:white;transition:transform .14s ease,opacity .14s ease}.button:hover{transform:translateY(-1px);opacity:.95}.button.secondary{background:rgba(37,56,90,.55);border:1px solid var(--border)}.button.danger{background:var(--danger)}.button.tiny{padding:.34rem .62rem;border-radius:9px;font-size:.78rem}.input{width:100%;border-radius:10px;border:1px solid var(--border);background:#0b1323;color:var(--text);padding:.65rem .75rem;margin-top:.25rem}.stack{display:grid;grid-gap:.8rem;gap:.8rem}.inline{display:flex;gap:.8rem;align-items:center}.inline.split{justify-content:space-between;flex-wrap:wrap}.table-wrap{border:1px solid rgba(147,197,253,.2);border-radius:12px;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{padding:.55rem .6rem;border-bottom:1px solid rgba(148,163,184,.18);text-align:left}.table th{color:var(--text-dim);font-weight:600;letter-spacing:.02em}.container-actions{flex-wrap:wrap;gap:.42rem}.pill{display:inline-block;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;border:1px solid var(--border)}.pill.ok{border-color:#1f7a44;color:#86efac}.pill.warn{border-color:#8a5e1b;color:#facc15}.pill.down{border-color:#7f1d1d;color:#fca5a5}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.service-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.8rem;gap:.8rem}.service-link{display:flex;align-items:center;gap:.7rem;text-decoration:none;border:1px solid var(--border);border-radius:14px;background:rgba(37,56,90,.42);color:var(--text);padding:.75rem .85rem;font-weight:600;transition:transform .14s ease,border-color .14s ease,background .14s ease}.service-link:hover{transform:translateY(-1px);border-color:rgba(147,197,253,.5);background:rgba(46,74,120,.45)}.service-link-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;background:rgba(59,130,246,.14);color:#9ec6ff}.service-link-icon svg{fill:currentColor}.detail-modal-backdrop{position:fixed;inset:0;background:rgba(2,8,22,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;display:grid;place-items:center;padding:1rem}.detail-modal{width:min(1100px,94vw);max-height:88vh;overflow:auto}.range-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.range-tab{border:1px solid var(--border);background:rgba(25,42,71,.55);color:var(--text);padding:.42rem .75rem;border-radius:10px;font-weight:600;cursor:pointer}.range-tab.active{border-color:rgba(125,180,255,.7);background:rgba(45,95,176,.62)}.chart-wrap{border:1px solid #566070;border-radius:12px;background:#d7d9df;padding:.4rem}.chart-svg{width:100%;height:220px}.chart-line{fill:none;stroke:#3e5fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-line-ram{stroke:#a0522d}.chart-line-swap{stroke:#3b9a2f}.chart-line-core{fill:none;stroke-width:1.8;opacity:.95}.chart-line-bold{stroke-width:2.6}.chart-grid-line{stroke:#b2b7c2;stroke-width:1}.chart-axis-label{fill:#4b5568;font-size:11px;text-anchor:end}.core-legend-item{display:inline-flex;align-items:center;margin-left:.72rem}.core-dot{width:.62rem;height:.62rem;border-radius:999px;display:inline-block;margin-right:.3rem}@media (max-width:1500px){.page{--stage-offset:170px;width:min(97vw,calc((100vh - var(--stage-offset)) * 16 / 9))}}@media (max-width:1100px){.page{--stage-offset:140px;width:min(98vw,calc((100vh - var(--stage-offset)) * 16 / 9))}}@media (max-width:900px){.page{width:100%;max-width:100%;padding:1rem .8rem 1.6rem}}