:root{color:#e7ecf4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#478cbe52,#0000 32%),linear-gradient(#0a121d 0%,#111c2b 44%,#dfe7ef 44%,#eef3f7 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero-panel,.metric-card,.chart-card,.table-card,.status-card,.alert-panel{border-radius:24px;box-shadow:0 20px 60px #060f182e}.hero-panel{grid-template-columns:1.8fr 1fr;gap:24px;padding:28px;display:grid}.eyebrow{color:#7dd3fc;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.86rem}h1,h2,p{margin:0}h1{letter-spacing:-.05em;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95}.hero-copy{color:#e7ecf4d1;max-width:58ch;margin-top:16px}.status-card{background:#09121fb3;border:1px solid #7ed3fc26;flex-direction:column;justify-content:center;gap:10px;padding:24px;display:flex}.status-card[data-ok=true]{border-color:#4ade8066}.status-card strong{font-size:2rem}.status-label{color:#e7ecf4a8;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px;display:flex}.range-group{flex-wrap:wrap;gap:10px;display:flex}.range-group button,.refresh-button{color:#102030;background:#fffc;border:1px solid #111c2b24;border-radius:999px;padding:10px 14px;transition:transform .16s,border-color .16s,background .16s}.range-group button.selected{color:#f7fbff;background:#102030;border-color:#102030}.range-group button:hover,.refresh-button:hover{transform:translateY(-1px)}.alert-panel{color:#6f1d1b;background:#ffe9e6;flex-direction:column;gap:8px;margin-bottom:20px;padding:18px 20px;display:flex}.metric-grid,.chart-grid{gap:20px;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.metric-card,.chart-card,.table-card{color:#102030;background:#ffffffe0}.metric-card{flex-direction:column;gap:10px;padding:24px;display:flex}.metric-card strong{font-size:clamp(2rem,4vw,3.2rem);line-height:1}.metric-card small{color:#516172}.accent-red{border-top:6px solid #ef4444}.accent-blue{border-top:6px solid #0ea5e9}.chart-card{padding:20px}.chart-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.chart-header span{color:#5b6c7e;font-size:.92rem}.chart-card svg{background:linear-gradient(#0f766e0d,#0f766e00),repeating-linear-gradient(0deg,#1020300f,#1020300f 1px,#0000 1px 48px);border-radius:16px;width:100%;height:240px;overflow:visible}.chart-card path{fill:none;stroke:#0f766e;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-grid .chart-card:last-child path{stroke:#0369a1}.chart-placeholder,.table-placeholder{color:#5b6c7e;text-align:center;background:#1020300a;border-radius:16px;place-items:center;min-height:240px;padding:20px;display:grid}.table-card{margin-top:20px;padding:20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#5b6c7e;border-bottom:1px solid #1020301f;padding:12px 0;font-size:.82rem}tbody td{border-bottom:1px solid #10203014;padding:14px 0}tbody tr:last-child td{border-bottom:none}@media (width<=900px){.hero-panel,.metric-grid,.chart-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.refresh-button{width:100%}}@media (width<=640px){.page-shell{width:min(100% - 20px,1200px);padding:20px 0 32px}.hero-panel,.status-card,.metric-card,.chart-card,.table-card{border-radius:18px}.hero-panel{padding:20px}.metric-card strong{font-size:2.2rem}}