@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--primary: #1565C0;--primary-light: #1E88E5;--primary-dark: #0D47A1;--primary-on: #FFFFFF;--secondary: #2E7D32;--secondary-light: #43A047;--secondary-dark: #1B5E20;--error: #D32F2F;--error-light: #EF5350;--error-dark: #C62828;--warning: #ED6C02;--warning-light: #FF9800;--warning-dark: #E65100;--info: #0288D1;--info-light: #03A9F4;--success: #2E7D32;--success-light: #4CAF50;--n-0: #FFFFFF;--n-50: #F8F9FA;--n-100: #F5F5F5;--n-200: #E0E0E0;--n-300: #BDBDBD;--n-500: #757575;--n-600: #616161;--n-800: #424242;--n-900: #212121;--bg-default: var(--n-50);--bg-paper: var(--n-0);--bg-raised: var(--n-100);--fg-1: var(--n-900);--fg-2: var(--n-600);--fg-3: var(--n-500);--fg-on-primary: var(--primary-on);--divider: var(--n-200);--border: var(--n-200);--customer-accent: #1565C0;--warehouse-accent: #FFC107;--warehouse-ink: #0A0A0A;--field-accent: #5E35B1;--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--shadow-none: none;--shadow-menu: 0 2px 8px rgba(0,0,0,.32);--shadow-sheet: 0 -6px 24px rgba(0,0,0,.12);--dur-fast: .15s;--dur: .2s;--dur-slow: .25s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-sharp: cubic-bezier(.4, 0, .6, 1);--topbar-h: 64px;--drawer-w: 280px;--drawer-mini: 56px;--tap-min: 44px;--tap-warehouse: 56px;--fs-h1: 2.5rem;--fs-h2: 1.75rem;--fs-h3: 1.25rem;--fs-h4: 1.125rem;--fs-h5: 1rem;--fs-h6: .875rem;--fs-subtitle: 1rem;--fs-body: .9375rem;--fs-body-sm: .8125rem;--fs-caption: .75rem;--fs-overline: .75rem}[data-theme=dark],.dark{--primary: #42A5F5;--primary-light: #64B5F6;--primary-dark: #1E88E5;--primary-on: #121212;--secondary: #66BB6A;--error: #EF5350;--warning: #FFA726;--info: #29B6F6;--success: #66BB6A;--bg-default: #121212;--bg-paper: #1E1E1E;--bg-raised: #2A2A2A;--fg-1: #E0E0E0;--fg-2: #BDBDBD;--fg-3: #757575;--divider: #333333;--border: #333333}html,body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--fg-1);background:var(--bg-default);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,.h1{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h1);line-height:1.15;letter-spacing:-.02em;margin:0}h2,.h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.01em;margin:0}h3,.h3{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);line-height:1.25;margin:0}h4,.h4{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h4);line-height:1.3;margin:0}h5,.h5{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h5);line-height:1.35;margin:0}h6,.h6{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h6);line-height:1.4;margin:0}p,.body{font-size:var(--fs-body);line-height:1.5;margin:0}.body-sm{font-size:var(--fs-body-sm);line-height:1.45}.caption{font-size:var(--fs-caption);font-weight:500;letter-spacing:.05em;color:var(--fg-2)}.overline{font-family:var(--font-display);font-size:var(--fs-overline);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}.mono,code,kbd{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.num,.money{font-variant-numeric:tabular-nums}.th-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-2);background:var(--bg-raised)}.btn{font-family:var(--font-body);font-weight:600;font-size:var(--fs-body-sm);line-height:1;border-radius:var(--r);padding:10px 16px;min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid transparent;text-transform:none;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.btn--primary{background:var(--primary);color:var(--primary-on)}.btn--primary:hover{background:var(--primary-dark)}.btn--outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn--outline:hover{background:#1565c014}.btn--ghost{background:transparent;color:var(--fg-1)}.btn--ghost:hover{background:#1565c014}.btn--danger{background:var(--error);color:#fff}.btn[disabled]{opacity:.38;pointer-events:none}.card{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-weight:600;font-size:var(--fs-caption);padding:4px 8px;border-radius:var(--r-sm);background:var(--bg-raised);color:var(--fg-1)}.chip--success{background:#2e7d321f;color:var(--success)}.chip--warning{background:#ed6c021f;color:var(--warning)}.chip--error{background:#d32f2f1f;color:var(--error)}.chip--info{background:#0288d11f;color:var(--info)}.chip--primary{background:#1565c01f;color:var(--primary)}.field{font-family:var(--font-body);font-size:var(--fs-body);padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-paper);color:var(--fg-1);min-height:var(--tap-min);width:100%}.field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1565c02e}.field::placeholder{color:var(--fg-3)}.divider{height:1px;background:var(--divider);border:0}:root{--font-display: "Plus Jakarta Sans", "General Sans", system-ui, sans-serif;--fs-hero: 3.25rem;--fs-display: 2.25rem;--tracking-tight: -.025em;--n2-50: oklch(99% .005 60);--n2-100: oklch(97% .006 60);--n2-200: oklch(94% .008 60);--n2-300: oklch(89% .01 60);--n2-400: oklch(78% .012 60);--n2-500: oklch(63% .014 60);--n2-600: oklch(50% .014 60);--n2-700: oklch(38% .012 60);--n2-800: oklch(26% .01 60);--n2-900: oklch(16% .008 60);--n2-950: oklch(10% .006 60);--grad-primary: linear-gradient(135deg, #1E88E5 0%, #1565C0 55%, #0D47A1 100%);--grad-primary-soft: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);--grad-success: linear-gradient(135deg, #66BB6A 0%, #2E7D32 100%);--grad-warning: linear-gradient(135deg, #FFB74D 0%, #ED6C02 100%);--grad-error: linear-gradient(135deg, #EF5350 0%, #C62828 100%);--grad-amber: linear-gradient(135deg, #FFD54F 0%, #FFC107 60%, #FF8F00 100%);--grad-indigo: linear-gradient(135deg, #7E57C2 0%, #5E35B1 60%, #4527A0 100%);--grad-ink: linear-gradient(180deg, #0A0A0A 0%, #1A1A1A 100%);--mesh-primary: radial-gradient(at 0% 0%, oklch(58% .18 250 / .35) 0px, transparent 50%), radial-gradient(at 100% 0%, oklch(70% .15 240 / .25) 0px, transparent 50%), radial-gradient(at 50% 100%, oklch(40% .2 260 / .3) 0px, transparent 50%), linear-gradient(135deg, #0D47A1, #1565C0);--mesh-indigo: radial-gradient(at 0% 0%, oklch(60% .18 290 / .4) 0px, transparent 50%), radial-gradient(at 100% 100%, oklch(45% .18 280 / .35) 0px, transparent 50%), linear-gradient(135deg, #4527A0, #5E35B1);--mesh-amber: radial-gradient(at 0% 0%, oklch(80% .18 75 / .3) 0px, transparent 50%), radial-gradient(at 100% 100%, oklch(55% .18 50 / .3) 0px, transparent 50%), var(--grad-ink);--mesh-page: radial-gradient(at 0% 0%, oklch(95% .04 250 / .6) 0px, transparent 50%), radial-gradient(at 100% 0%, oklch(96% .03 280 / .5) 0px, transparent 50%), linear-gradient(180deg, #FAFBFD, #F4F6FA);--elev-0: 0 0 0 1px oklch(85% .01 250 / .4);--elev-1: 0 1px 2px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.06);--elev-2: 0 2px 4px rgba(15,23,42,.04), 0 4px 12px rgba(15,23,42,.08);--elev-3: 0 4px 8px rgba(15,23,42,.05), 0 12px 28px rgba(15,23,42,.12);--elev-4: 0 8px 16px rgba(15,23,42,.06), 0 24px 60px rgba(15,23,42,.18);--elev-glow-primary: 0 8px 24px rgba(21,101,192,.3), 0 2px 6px rgba(21,101,192,.18);--elev-glow-amber: 0 8px 24px rgba(255,193,7,.4), 0 2px 6px rgba(255,193,7,.3);--elev-glow-indigo: 0 8px 24px rgba(94,53,177,.35), 0 2px 6px rgba(94,53,177,.2);--elev-glow-success: 0 4px 16px rgba(46,125,50,.3);--elev-glow-error: 0 4px 16px rgba(211,47,47,.3);--glass-bg: rgba(255,255,255,.65);--glass-bg-strong: rgba(255,255,255,.8);--glass-border: 1px solid rgba(255,255,255,.4);--glass-blur: blur(24px) saturate(180%);--glass-bg-dark: rgba(20,22,28,.55);--glass-border-dark: 1px solid rgba(255,255,255,.1);--pad-card: 22px;--pad-card-lg: 28px;--gap-section: 36px;--lh-body: 1.6}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ffc10780,var(--elev-glow-amber)}50%{box-shadow:0 0 0 12px #ffc10700,var(--elev-glow-amber)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.surface-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px;box-shadow:var(--elev-2)}.surface-glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-dark);border-radius:16px}.card-elev{background:#fff;border:1px solid oklch(92% .008 250);border-radius:16px;box-shadow:var(--elev-2);padding:var(--pad-card);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.card-elev:hover{transform:translateY(-2px);box-shadow:var(--elev-3)}.card-tilt{background:#fff;border:1px solid oklch(92% .008 250);border-radius:18px;box-shadow:var(--elev-2);transform:perspective(800px) rotateX(2deg) rotateY(-2deg);transition:transform var(--dur) var(--ease-out);position:relative;overflow:hidden}.card-tilt:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff6,#fff0 50%);pointer-events:none}.card-tilt:hover{transform:perspective(800px) rotateX(0) rotateY(0) translateY(-3px)}.btn-grad{background:var(--grad-primary);color:#fff;border:0;border-radius:12px;padding:13px 22px;min-height:48px;font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:0;cursor:pointer;box-shadow:var(--elev-glow-primary),inset 0 1px #ffffff40;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-grad:hover{transform:translateY(-1px);box-shadow:0 12px 32px #1565c066,inset 0 1px #ffffff40}.btn-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.6);color:var(--fg-1);border-radius:12px;padding:12px 20px;font-weight:600;cursor:pointer}.chip-glass{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-family:var(--font-body);font-weight:600;font-size:12px;box-shadow:inset 0 1px #fff3}.chip-glass-dark{background:#00000059;border:1px solid rgba(255,255,255,.1);color:#fff}.hero-num{font-family:var(--font-display);font-weight:800;font-size:var(--fs-hero);line-height:1;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.shimmer{background:linear-gradient(90deg,#e9ebee,#f6f9fc,#e9ebee);background-size:200% 100%;animation:shimmer 1.6s linear infinite}.pulse-glow{animation:pulseGlow 2s ease-out infinite}.scroll-fade-top{mask-image:linear-gradient(180deg,transparent 0,#000 36px,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 36px,#000 100%)}.zebra tbody tr:nth-child(odd) td{background:#f6f9fb99}.app-mesh-bg{min-height:100vh;background:var(--mesh-page);background-attachment:fixed}.app-mesh-hero{background:var(--mesh-primary);color:#fff}.app-glass-card{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:var(--elev-3)}.app-glass-appbar{background:#ffffffb8!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:none!important;color:var(--fg-1)!important}.app-glass-drawer .MuiDrawer-paper{background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(15,23,42,.06);box-shadow:none}.app-hero-num{font-family:var(--font-display);font-weight:900;font-size:var(--fs-hero);line-height:1;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.app-kpi-grad{background:var(--grad-primary);color:#fff;border-radius:20px;box-shadow:var(--elev-glow-primary);padding:var(--pad-card-lg);position:relative;overflow:hidden}.app-kpi-grad:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff2e,#fff0 55%);pointer-events:none}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f9fafb;color:#111827}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}