:root{--accent:#e8530a;--bg:#0f0e0f;--content-bg:linear-gradient(240deg, #f1692c -90%, #3f1a0b 50%, #2b1309 80%, #0f0e0f 100%);--card-bg:#ffffff0d;--card-border:#ffffff1a;--text-primary:#ffffffd9;--text-secondary:#ffffff80;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);background-attachment:fixed;min-height:100vh;margin:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.summ-bg{background:var(--content-bg);min-height:100vh}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding:32px;display:grid}.metric-badge{color:#ff7b39;text-transform:uppercase;background:#e8530a1a;border:1px solid #e8530a4d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.stat-card{border:1px solid var(--card-border);background:#ffffff08;border-radius:12px;flex-direction:column;padding:16px 24px;display:flex}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px}.dimension-label{color:var(--text-secondary);background:#0000004d;border-radius:4px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:10px}.card-footer{border-top:1px solid var(--card-border);background:#0003;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeIn}