.metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-card{will-change:transform;background:linear-gradient(#1415168c,#0f1011d9);border:1px solid #ffffff0f;border-radius:12px;padding:20px 22px;transition:transform .2s cubic-bezier(.25,.46,.45,.94),border-color .2s;position:relative;overflow:hidden}.metric-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.metric-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cc) 30%, var(--cc) 70%, transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.mc-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mc-title{letter-spacing:3px;color:#888;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.mc-i{color:#555;cursor:help;background:0 0;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:all .2s;display:flex}.mc-i:hover{color:var(--cc);border-color:var(--cc)}.mc-body{grid-template-columns:96px 1fr;align-items:center;gap:18px;display:grid}.metric-card .donut{width:96px;height:96px;position:relative}.metric-card .donut svg{display:block;transform:rotate(-90deg)}.metric-card .donut-track{fill:none;stroke:#ffffff0d;stroke-width:5px}.metric-card .donut-fill{fill:none;stroke:var(--cc);stroke-width:5px;stroke-linecap:round}.metric-card .donut-num{color:var(--cc);justify-content:center;align-items:center;font-family:Unbounded,sans-serif;font-size:28px;font-weight:700;display:flex;position:absolute;inset:0}.mc-list{flex-direction:column;gap:10px;display:flex}.mc-row{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;display:grid}.mc-k{letter-spacing:1.5px;color:#6a6b6d;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.mc-bar{background:#ffffff0d;border-radius:2px;height:2px;overflow:hidden}.mc-bar>i{background:var(--cc);height:100%;box-shadow:0 0 6px var(--cc);border-radius:2px;display:block}.mc-bar.empty>i{box-shadow:none;background:#ffffff1a}.mc-v{color:#e0e0e0;text-align:right;min-width:38px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.mc-v.dim{color:#444}.mc-foot{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.mc-score-k{letter-spacing:3px;color:#555;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.mc-score-v{color:var(--cc);font-family:Unbounded,sans-serif;font-size:22px;font-weight:700}.mc-score-v small{color:#555;margin-left:2px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}@media (width<=768px){.metrics-grid{grid-template-columns:1fr}.metrics-grid .mc-body{grid-template-columns:80px 1fr;gap:14px}.metrics-grid .metric-card .donut{width:80px;height:80px}.metrics-grid .metric-card .donut-num{font-size:22px}}@media (width<=1100px) and (width>=769px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.mc-tooltip{color:#fff9;z-index:9999;pointer-events:none;background:#1a1a1d;border:1px solid #ffffff1a;border-radius:6px;width:220px;padding:10px 12px;font-family:Manrope,sans-serif;font-size:11px;line-height:1.6;position:fixed}.metrics-stack{flex-direction:column;gap:8px;display:flex}.metrics-stack .metric-card{padding:10px}.metrics-stack .mc-head{margin-bottom:8px}.metrics-stack .mc-body{grid-template-columns:60px 1fr;gap:8px}.metrics-stack .metric-card .donut{width:60px;height:60px}.metrics-stack .metric-card .donut-num{font-size:18px}.metrics-stack .mc-row{grid-template-columns:40px 1fr auto;gap:6px}.metrics-stack .mc-k{letter-spacing:1px;font-size:10px}.metrics-stack .mc-foot{margin-top:8px;padding-top:8px}.metrics-stack .mc-score-v{font-size:16px}.metrics-paired{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.metrics-paired .metric-card{min-width:0}.metrics-placeholder{color:#2a2a2a;letter-spacing:3px;text-transform:uppercase;border:1px dashed #ffffff26;border-radius:12px;justify-content:center;align-self:stretch;align-items:center;min-width:0;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}