:root{--color-primary:#ea580c;--color-primary-strong:#f97316;--color-accent:#2563eb;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-background:#f6f8fb;--color-panel:#fff;--color-panel-soft:#eef2f7;--color-border:#0f172a1f;--color-text:#111827;--color-muted:#64748b;--color-header:#ffffffd6;--color-sider:#f7fafcf5;--color-surface:#fffffff0;--body-gradient:linear-gradient(180deg, #ea580c14, transparent 320px), radial-gradient(circle at 80% 0%, #2563eb1a, transparent 300px), var(--color-background)}:root[data-theme=dark]{--color-background:#11100f;--color-panel:#181615;--color-panel-soft:#211d1a;--color-border:#ffffff14;--color-text:#f8fafc;--color-muted:#a8a29e;--color-header:#11100fc7;--color-sider:#12100ff0;--color-surface:#181615eb;--body-gradient:linear-gradient(180deg, #ea580c14, transparent 320px), radial-gradient(circle at 80% 0%, #2563eb1f, transparent 300px), var(--color-background)}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--body-gradient);margin:0;font-family:Inter,Fira Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,a,[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100dvh}.page-shell{width:100%;max-width:1440px;margin:0 auto;padding:24px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--color-border);background:linear-gradient(180deg, #ffffff0a, #ffffff05), var(--color-panel);border-radius:8px;min-height:124px;padding:18px}.metric-card__label{color:var(--color-muted);font-size:14px}.metric-card__value{margin-top:10px;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;font-weight:700}.surface{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px}.muted{color:var(--color-muted)}@media (width<=1024px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page-shell{padding:16px}.metric-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}