:root{--page-bg:#eaf6ff;--surface:rgba(255,255,255,0.86);--surface-strong:#ffffff;--text:#20283a;--muted:#6c7585;--line:rgba(37,99,235,0.13);--brand:#2563eb;--brand-strong:#1d4ed8;--brand-cyan:#17b7d7;--brand-purple:#3b2578;--good:#16a783;--fair:#f59e0b;--poor:#ef4444;--shadow:0 18px 45px rgba(37,99,235,0.12);}body{background:radial-gradient(circle at 15% 10%,rgba(37,99,235,0.09)0 3px,transparent 4px),radial-gradient(circle at 55% 18%,rgba(23,183,215,0.08)0 3px,transparent 4px),linear-gradient(135deg,#eef7ff 0%,#e4f6ff 52%,#e6fbff 100%);background-size:196px 196px,260px 260px,auto;color:var(--text);font-family:Nunito,Arial,sans-serif;min-height:100vh;}.sensor-shell{margin:0 auto;max-width:1440px;padding:28px;}.sensor-header{align-items:center;display:grid;gap:24px;grid-template-columns:180px minmax(0,1fr);margin-bottom:24px;}.brand-link{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;min-height:96px;padding:20px;}.brand-link img{display:block;height:auto;width:100%;}.sensor-title-block{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:24px;}.sensor-eyebrow,.metric-category{color:var(--brand);font-size:0.75rem;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase;}.sensor-title-block h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.1;margin:0;}.sensor-title-block h1,.metric-value{color:var(--text);}.sensor-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}.sensor-meta span{background:rgba(37,99,235,0.09);border:1px solid rgba(37,99,235,0.12);border-radius:999px;color:var(--brand-purple);font-weight:700;padding:6px 12px;}.metric-grid{display:grid;gap:28px;grid-template-columns:1fr;}.metric-group{display:grid;gap:14px;}.metric-group-title{color:var(--text);font-size:1.1rem;font-weight:900;line-height:1.2;margin:0;}.metric-group-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}.metric-card,.loading-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px rgba(37,99,235,0.09);}.metric-card{display:flex;flex-direction:column;min-height:280px;padding:20px;}.metric-card::before{background:linear-gradient(90deg,var(--brand),var(--brand-cyan));border-radius:999px;content:"";display:block;height:4px;margin-bottom:18px;width:52px;}.metric-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;}.metric-card h2{font-size:1.02rem;font-weight:800;line-height:1.2;margin:0;}.metric-status{border-radius:999px;color:#ffffff;font-size:0.72rem;font-weight:800;padding:5px 9px;text-transform:uppercase;}.metric-good .metric-status{background:var(--good);}.metric-fair .metric-status{background:var(--fair);}.metric-poor .metric-status{background:var(--poor);}.metric-neutral .metric-status{background:var(--brand);}.metric-value{font-size:clamp(1.8rem,6vw,2.7rem);font-weight:800;line-height:1;margin:22px 0 18px;}.metric-value sup{font-size:0.9rem;}.metric-bar{background:rgba(37,99,235,0.11);border-radius:999px;height:8px;overflow:hidden;}.metric-bar span{background:var(--brand);display:block;height:100%;}.metric-good .metric-bar span{background:var(--good);}.metric-fair .metric-bar span{background:var(--fair);}.metric-poor .metric-bar span{background:var(--poor);}.metric-chart{height:95px;padding-top:8px;}.metric-chart-label{color:var(--muted);font-size:0.72rem;font-weight:800;margin-top:auto;padding-top:16px;text-transform:uppercase;}.loading-panel{color:var(--muted);font-weight:700;grid-column:1 / -1;padding:28px;text-align:center;}@media(max-width:720px){.sensor-shell{padding:16px;}.sensor-header{grid-template-columns:1fr;}.brand-link{justify-content:center;min-height:76px;}.brand-link img{max-width:180px;}}