:root{--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold:800;--leading-tight: 1.2;--leading-normal: 1.5;--surface-page: #060b16;--surface-base: #0a1120;--surface-raised: #0f172a;--surface-overlay: #162032;--surface-hover: #1e2d45;--surface-border: #1e2d45;--surface-border-strong: #2a3f5f;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-glow: rgba(59,130,246,.15);--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-accent-glow: rgba(245,158,11,.15);--color-success-400: #34d399;--color-success-500: #10b981;--color-success-glow: rgba(16,185,129,.12);--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-glow: rgba(239,68,68,.12);--color-warning-500: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--text-disabled: #334155;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-glow-blue: 0 0 20px rgba(59,130,246,.25);--shadow-glow-amber: 0 0 20px rgba(245,158,11,.2);--shadow-glow-red: 0 0 20px rgba(239,68,68,.2);--shadow-glow-green: 0 0 20px rgba(16,185,129,.2);--transition-fast: .12s cubic-bezier(.4,0,.2,1);--transition-normal: .22s cubic-bezier(.4,0,.2,1);--transition-slow: .38s cubic-bezier(.4,0,.2,1);--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1040;--z-toast: 1060;--sidebar-width: 240px;--sidebar-width-collapsed: 0px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-regular);color:var(--text-primary);background-color:var(--surface-page);line-height:var(--leading-normal);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-base)}::-webkit-scrollbar-thumb{background:var(--surface-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-primary-400);text-decoration:none}a:hover{color:var(--color-primary-300)}::selection{background:var(--color-primary-glow);color:var(--text-primary)}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){:root{--sidebar-width: 0px}}@media(max-width:1024px){.grid-kpi{grid-template-columns:repeat(2,1fr)!important}.grid-charts,.grid-bottom,.grid-upload{grid-template-columns:1fr!important}}@media(max-width:640px){.grid-kpi{grid-template-columns:1fr!important}}.sidebar-overlay{display:none}@media(max-width:1024px){.sidebar-mobile{transform:translate(-100%);transition:transform var(--transition-normal);z-index:var(--z-modal)!important}.sidebar-mobile.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-modal) - 1)}}.mobile-header{display:none}@media(max-width:1024px){.mobile-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-base);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:var(--z-sticky)}}