.header{text-align:center;margin-bottom:24px}.title{font-size:34px;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:15px;margin-top:6px}.help{font-size:12px;color:var(--muted);margin-top:6px}.kpi-card.band-verygood{background:linear-gradient(180deg,var(--kpi-verygood-bg) 0%,rgba(255,255,255,.85) 100%);border-color:var(--kpi-verygood-bd)}.kpi-card.band-good{background:linear-gradient(180deg,var(--kpi-good-bg) 0%,rgba(255,255,255,.85) 100%);border-color:var(--kpi-good-bd)}.kpi-card.band-fair{background:linear-gradient(180deg,var(--kpi-fair-bg) 0%,rgba(255,255,255,.85) 100%);border-color:var(--kpi-fair-bd)}.kpi-card.band-bad{background:linear-gradient(180deg,var(--kpi-bad-bg) 0%,rgba(255,255,255,.85) 100%);border-color:var(--kpi-bad-bd)}.kpi-card.band-verygood .small,.kpi-card.band-good .small,.kpi-card.band-fair .small,.kpi-card.band-bad .small{color:#374151}.tt-btm::after{bottom:auto;top:125%;transform:translate(-50%,8px)}.kpi-card.band-verygood .tt,.kpi-card.band-good .tt,.kpi-card.band-fair .tt,.kpi-card.band-bad .tt{background:0 0}.tt-btm::after{bottom:auto;top:125%;transform:translate(-50%,6px)}.header .title{font-weight:600;font-size:clamp(28px,3.2vw,32px);letter-spacing:-.01em;line-height:1.15;margin-bottom:8px}.header .subtitle{color:var(--label);font-size:14.5px;line-height:1.45}.card .row,.glass .row{margin-top:10px;margin-bottom:10px}.kpi-card.band-verygood .value{color:var(--kpi-vgood)}.kpi-card.band-good .value{color:#16a34a}.kpi-card.band-fair .value{color:var(--kpi-fair)}.kpi-card.band-bad .value{color:var(--kpi-bad)}.kpi-card.band-verygood{background:linear-gradient(180deg,rgba(16,185,129,.1) 0%,rgba(255,255,255,.85) 100%);border-color:rgba(16,185,129,.18)}.kpi-card.band-good{background:linear-gradient(180deg,rgba(34,197,94,.1) 0%,rgba(255,255,255,.85) 100%);border-color:rgba(34,197,94,.18)}.kpi-card.band-fair{background:linear-gradient(180deg,rgba(251,146,60,.1) 0%,rgba(255,255,255,.85) 100%);border-color:rgba(251,146,60,.18)}.kpi-card.band-bad{background:linear-gradient(180deg,rgba(239,68,68,.1) 0%,rgba(255,255,255,.85) 100%);border-color:rgba(239,68,68,.18)}.kpi-card.band-verygood .small,.kpi-card.band-good .small,.kpi-card.band-fair .small,.kpi-card.band-bad .small{color:#374151}.info-icon,.tooltip-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#6b7280;opacity:.55;margin-left:6px;cursor:help;position:relative}.info-icon::before{content:"i";font-size:12px;font-weight:600;line-height:1}.tooltip-bubble{position:absolute;left:0;top:125%;min-width:240px;max-width:360px;background:rgba(255,255,255,.98);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);color:#111827;border:1px solid var(--hairline-strong);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.4;box-shadow:var(--shadow-1),0 10px 24px rgba(0,0,0,.08);z-index:10;display:none}.info-icon:hover .tooltip-bubble{display:block}hr{border:none;height:1px;background:var(--hairline)}.tooltip-bubble{z-index:999!important}.flags-row{display:flex;gap:12px;align-items:center;margin-top:8px;flex-wrap:wrap}.pill-toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#374151}.pill-toggle input{position:absolute;opacity:0;pointer-events:none}.pill-toggle .pill-ui{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04) inset;transition:all .15s ease}.pill-toggle input:checked+.pill-ui{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;box-shadow:0 0 0 2px rgba(147,197,253,.35)}