.card{background:linear-gradient(145deg,rgba(19,36,58,.94),rgba(13,27,44,.96));border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h2{font-size:clamp(1.45rem,5vw,2.2rem);margin-bottom:8px}.hero p:last-child{color:var(--muted)}.score-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:8px solid var(--accent);box-shadow:inset 0 0 0 6px rgba(255,255,255,.04);font-weight:800;flex:0 0 auto}.stats{grid-template-columns:repeat(2,1fr)}.metric{margin:0;min-height:154px;display:flex;flex-direction:column;justify-content:center}.metric span{color:var(--muted);font-size:.88rem}.metric strong{font-size:2.55rem;line-height:1;margin-top:8px}.metric small{color:var(--muted);margin-top:7px;font-size:.76rem}.metric.accent{outline:1px solid rgba(71,215,172,.45)}.metric-change{margin-top:11px;font-size:.76rem;font-weight:800;line-height:1.25}.metric-change.good{color:var(--accent)}.metric-change.warning{color:#fbbf24}.metric-change.neutral{color:var(--muted);font-weight:650}.status-card{justify-content:flex-start;padding-top:27px}.status-pill{display:inline-flex;width:max-content;max-width:100%;margin-top:12px;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid transparent}.status-pill.good{color:#7ff0cd;background:rgba(71,215,172,.10);border-color:rgba(71,215,172,.28)}.status-pill.caution{color:#fde68a;background:rgba(251,191,36,.10);border-color:rgba(251,191,36,.28)}.status-pill.warning{color:#fda4af;background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.28)}.status-pill.info{color:#a5e6ff;background:rgba(125,211,252,.10);border-color:rgba(125,211,252,.28)}.status-pill.high{color:#d8b4fe;background:rgba(192,132,252,.10);border-color:rgba(192,132,252,.28)}.status-pill.neutral{color:var(--muted);background:rgba(159,176,198,.08);border-color:rgba(159,176,198,.18)}@media(min-width:760px){.stats{grid-template-columns:repeat(5,1fr)}}@media(max-width:480px){.card{padding:17px;border-radius:20px}.hero{align-items:flex-start}.score-ring{width:70px;height:70px}.metric{min-height:144px}.metric strong{font-size:2.25rem}}