:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef1f7;background:#080a0f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 0%,#182031 0,transparent 34rem),radial-gradient(circle at 0% 40%,#101722 0,transparent 30rem),#080a0f}button{font:inherit}.app{min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #202632;background:#080a0ff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand-block{display:flex;align-items:center;gap:16px}.brand{font-size:22px;font-weight:900;letter-spacing:.16em}.subtitle{color:#70798b;font-size:11px;border-left:1px solid #303747;padding-left:16px}.topbar-right{display:flex;align-items:center;gap:12px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #2a3040;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.07em;white-space:nowrap}.status-pill.ok{color:#9be7bd}.status-pill.bad{color:#ff9d9d}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.refresh{border:1px solid #303747;background:#11151e;color:#dce1eb;border-radius:8px;padding:8px 13px;cursor:pointer}.refresh:hover{background:#191f2a}.alert{margin:18px 32px 0;padding:14px 16px;border:1px solid #593232;background:#1d1114;color:#ffb1b1;border-radius:10px}main{max-width:1500px;margin:auto;padding:34px 32px 28px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:20px}.eyebrow{color:#747d91;font-size:10px;font-weight:900;letter-spacing:.18em}h1{margin:8px 0 3px;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.05em}h1 span{color:#737c8e;font-size:18px;margin-left:12px;letter-spacing:0}.hero-price{color:#dce2ed;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.hero-meta{color:#535d70;font-size:10px;margin-top:8px}.runtime-status{min-width:340px;border:1px solid #202632;background:#0e1118eb;border-radius:14px;padding:10px 15px}.runtime-status>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #1b202b}.runtime-status>div:last-child{border-bottom:0}.runtime-status span:first-child{color:#7f8798;font-size:11px}.safety-banner{display:flex;align-items:center;gap:13px;margin-bottom:10px;padding:14px 17px;border:1px solid #51452a;background:#17140d;border-radius:12px}.safety-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #75602b;border-radius:50%;font-weight:900}.safety-banner strong{display:block;font-size:11px;letter-spacing:.12em}.safety-banner span{display:block;color:#8e8a7c;font-size:11px;margin-top:3px}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px}.metric,.panel{border:1px solid #202632;background:#0e1118e6;border-radius:12px}.metric{min-height:118px;padding:17px}.metric-label{color:#747d90;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.metric-value{margin-top:12px;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.metric-secondary{margin-top:5px;color:#565e70;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.panel{min-height:230px;overflow:hidden}.panel-header{padding:17px 18px;border-bottom:1px solid #1e2430}.panel-header h2{margin:0;font-size:13px;letter-spacing:.04em}.rows{padding:5px 18px 12px}.row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #191e28;font-size:12px}.row:last-child{border-bottom:0}.row>span:first-child{color:#727b8d}.value{color:#d7dce5;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.shadow-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 18px;gap:10px}.shadow-stats>div{text-align:center}.shadow-stats strong{display:block;font-size:27px;font-variant-numeric:tabular-nums}.shadow-stats span{display:block;color:#666e80;font-size:10px;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.compact{padding-top:0}footer{display:flex;justify-content:space-between;color:#4e5666;font-size:10px;padding:28px 3px 0}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.hero{align-items:stretch;flex-direction:column}.runtime-status{min-width:0}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:auto;min-height:70px;padding:14px 16px}.brand-block{gap:0}.subtitle{display:none}.topbar-right{gap:7px}main{padding:24px 16px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:105px;padding:14px}.metric-value{font-size:19px}.safety-banner{align-items:flex-start}footer{flex-direction:column;gap:8px}}@media(max-width:430px){.metrics-grid{grid-template-columns:1fr}.status-pill{padding:5px 8px;font-size:9px}.refresh{padding:7px 9px}}