.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-card{background:var(--ink);color:white;border:3px solid var(--ink);border-radius:18px;padding:18px;box-shadow:6px 6px var(--lime)}.metric-card small{display:block;font:500 8px DM Mono;letter-spacing:.08em;color:#b9c1b2}.metric-card strong{display:block;font:400 clamp(22px,4vw,34px) Archivo Black;color:var(--lime);margin-top:8px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-list{display:grid;gap:10px}.analytics-item{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;align-items:center}.analytics-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-track{grid-column:1/-1;height:8px;border-radius:99px;background:var(--paper2);overflow:hidden}.analytics-track i{display:block;height:100%;background:var(--lime);border-right:2px solid var(--ink)}.spark-bars{height:190px;display:flex;gap:4px;align-items:end}.spark-day{flex:1;min-width:4px;background:var(--sky);border:1px solid var(--ink);border-radius:5px 5px 0 0;position:relative}.spark-day:hover::after{content:attr(data-label);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:white;padding:5px;border-radius:5px;font:500 8px DM Mono;z-index:2}.signin-device{font:500 8px DM Mono;text-transform:uppercase;color:#5f675b}@media(max-width:760px){.metric-grid{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.spark-bars{height:140px}}