: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: #ffffff;--color-panel-soft: #eef2f7;--color-border: rgba(15, 23, 42, .12);--color-text: #111827;--color-muted: #64748b;--color-header: rgba(255, 255, 255, .84);--color-sider: rgba(247, 250, 252, .96);--color-surface: rgba(255, 255, 255, .94);--body-gradient: linear-gradient(180deg, rgba(234, 88, 12, .08), transparent 320px), radial-gradient(circle at 80% 0%, rgba(37, 99, 235, .1), transparent 300px), var(--color-background)}:root[data-theme=dark]{--color-background: #11100f;--color-panel: #181615;--color-panel-soft: #211d1a;--color-border: rgba(255, 255, 255, .08);--color-text: #f8fafc;--color-muted: #a8a29e;--color-header: rgba(17, 16, 15, .78);--color-sider: rgba(18, 16, 15, .94);--color-surface: rgba(24, 22, 21, .92);--body-gradient: linear-gradient(180deg, rgba(234, 88, 12, .08), transparent 320px), radial-gradient(circle at 80% 0%, rgba(37, 99, 235, .12), transparent 300px), var(--color-background)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-background)}body{margin:0;min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--body-gradient);font-size:16px;line-height:1.5;font-family:Inter,Fira Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}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{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-height:124px;padding:18px;border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(180deg,#ffffff0a,#ffffff05),var(--color-panel)}.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);border-radius:8px;background:var(--color-surface)}.muted{color:var(--color-muted)}@media (max-width: 1024px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-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}}