:root{--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-base:.25s ease}[data-theme=dark]{--color-bg:#0f0f0f;--color-bg-elevated:#1a1a1a;--color-bg-card:#222;--color-bg-hover:#2a2a2a;--color-text:#f5f5f5;--color-text-muted:#888;--color-text-dim:#666;--color-accent:#7dd3a8;--color-accent-hover:#5fc28e;--color-accent-muted:#7dd3a826;--color-warning:#fbbf24;--color-danger:#ef4444;--color-success:#22c55e;--color-border:#333;--color-border-subtle:#262626;--stock-critical:#ef4444;--stock-low:#f97316;--stock-medium:#fbbf24;--stock-good:#22c55e;--stock-excess:#3b82f6;--scrollbar-track:#0f0f0f;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#666}[data-theme=light]{--color-bg:#f8f9fa;--color-bg-elevated:#fff;--color-bg-card:#fff;--color-bg-hover:#f0f1f3;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-text-dim:#9ca3af;--color-accent:#059669;--color-accent-hover:#047857;--color-accent-muted:#0596691f;--color-warning:#d97706;--color-danger:#dc2626;--color-success:#16a34a;--color-border:#e5e7eb;--color-border-subtle:#f3f4f6;--stock-critical:#dc2626;--stock-low:#ea580c;--stock-medium:#d97706;--stock-good:#16a34a;--stock-excess:#2563eb;--scrollbar-track:#f8f9fa;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--color-accent-muted);color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit;font-size:inherit}.container{max-width:1600px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}