:root{--p-200: #c7d2fe;--p-300: #a5b4fc;--p-400: #818cf8;--p-500: #6366f1;--p-600: #4f46e5;--p-500-rgb: 99, 102, 241;--p-600-rgb: 79, 70, 229;--s-200: #c7d2fe;--s-300: #a5b4fc;--s-200-rgb: 199, 210, 254;--s-300-rgb: 165, 180, 252;--bg: #0b1024;--surface: #161c33;--surface-soft: #11162a;--border: #2a324d;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--bg-rgb: 11, 16, 36;--surface-rgb: 22, 28, 51;--text-primary-rgb: 241, 245, 249;--border-rgb: 42, 50, 77;--divider: #232b46;--surface-elevated: #1d2440;--surface-elevated-rgb: 29, 36, 64;--neumorphic-shadow-rgb: 0, 0, 0;--neumorphic-highlight-rgb: 255, 255, 255;--shadow-flat: 4px 4px 8px rgba(0, 0, 0, .35), -4px -4px 8px rgba(255, 255, 255, .03);--shadow-raised: 8px 8px 16px rgba(0, 0, 0, .45), -8px -8px 16px rgba(255, 255, 255, .04);--shadow-interactive: 6px 6px 12px rgba(0, 0, 0, .4), -6px -6px 12px rgba(255, 255, 255, .04);--shadow-interactive-hover: 10px 10px 20px rgba(0, 0, 0, .5), -10px -10px 20px rgba(255, 255, 255, .05);--shadow-inset: inset 5px 5px 10px rgba(0, 0, 0, .45), inset -5px -5px 10px rgba(255, 255, 255, .04);--shadow-inset-sm: inset 3px 3px 6px rgba(0, 0, 0, .45), inset -3px -3px 6px rgba(255, 255, 255, .04);--accent-info: #60a5fa;--accent-success: #4ade80;--accent-warning: #fbbf24;--accent-warning-soft: #fcd34d;--accent-orange: #fb923c;--accent-danger: #f87171;--accent-violet: #a5b4fc;--status-new: #f59e0b;--status-label-created: #3b82f6;--status-packed: #2dd4bf;--status-dropped-off: #d946ef;--status-picked-up: #14b8a6;--status-in-transit: #f97316;--status-delivered: #22c55e;--status-complete: #6366f1;--status-canceled: #ef4444;--status-new-rgb: 245, 158, 11;--status-label-created-rgb: 59, 130, 246;--status-packed-rgb: 45, 212, 191;--status-dropped-off-rgb: 217, 70, 239;--status-picked-up-rgb: 20, 184, 166;--status-in-transit-rgb: 249, 115, 22;--status-delivered-rgb: 34, 197, 94;--status-complete-rgb: 99, 102, 241;--status-canceled-rgb: 239, 68, 68;--profit-high: #2dd4bf;--profit-medium: #fbbf24;--profit-low: #a5b4fc;--profit-negative: #f472b6;--profit-high-rgb: 45, 212, 191;--profit-medium-rgb: 251, 191, 36;--profit-low-rgb: 165, 180, 252;--profit-negative-rgb: 244, 114, 182;--stock-in: #10b981;--stock-low: #f59e0b;--stock-out: #ef4444;--text-on-accent: #ffffff}:root[data-theme=light]{--bg: #eef2f7;--surface: #ffffff;--surface-soft: #f1f5f9;--border: #d8dee9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--bg-rgb: 238, 242, 247;--surface-rgb: 255, 255, 255;--text-primary-rgb: 15, 23, 42;--border-rgb: 216, 222, 233;--divider: #cbd5e1;--surface-elevated: #ffffff;--surface-elevated-rgb: 255, 255, 255;--neumorphic-shadow-rgb: 148, 163, 184;--neumorphic-highlight-rgb: 255, 255, 255;--shadow-flat: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 1px rgba(15, 23, 42, .04);--shadow-raised: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-interactive: 0 2px 4px -1px rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-interactive-hover: 0 8px 16px -4px rgba(15, 23, 42, .1), 0 4px 6px -2px rgba(15, 23, 42, .06);--shadow-inset: inset 0 2px 4px rgba(15, 23, 42, .06);--shadow-inset-sm: inset 0 1px 2px rgba(15, 23, 42, .05);--accent-info: #1d4ed8;--accent-success: #15803d;--accent-warning: #b45309;--accent-warning-soft: #a16207;--accent-orange: #c2410c;--accent-danger: #b91c1c;--accent-violet: #4338ca;--status-new: #d97706;--status-label-created: #2563eb;--status-packed: #0d9488;--status-dropped-off: #c026d3;--status-picked-up: #0f766e;--status-in-transit: #ea580c;--status-delivered: #16a34a;--status-complete: #4f46e5;--status-canceled: #dc2626;--status-new-rgb: 217, 119, 6;--status-label-created-rgb: 37, 99, 235;--status-packed-rgb: 13, 148, 136;--status-dropped-off-rgb: 192, 38, 211;--status-picked-up-rgb: 15, 118, 110;--status-in-transit-rgb: 234, 88, 12;--status-delivered-rgb: 22, 163, 74;--status-complete-rgb: 79, 70, 229;--status-canceled-rgb: 220, 38, 38;--profit-high: #0d9488;--profit-medium: #d97706;--profit-low: #4338ca;--profit-negative: #be185d;--profit-high-rgb: 13, 148, 136;--profit-medium-rgb: 217, 119, 6;--profit-low-rgb: 67, 56, 202;--profit-negative-rgb: 190, 24, 93;--stock-in: #15803d;--stock-low: #d97706;--stock-out: #dc2626;--text-on-accent: #ffffff;--p-200: #1a1840;--p-300: #2c2974;--s-200: #161333;--s-300: #25225e;--s-200-rgb: 22, 19, 51;--s-300-rgb: 37, 34, 94}:root{--touch-target-min: 44px;--spacing-mobile: 12px;--spacing-tablet: 16px}@media (max-width: 1023px){.MuiIconButton-root{min-width:44px!important;min-height:44px!important}.MuiTableContainer-root{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.MuiDataGrid-virtualScroller{overflow-x:auto!important}.MuiAutocomplete-option{min-height:44px!important;padding:12px 16px!important}.MuiMenuItem-root{min-height:44px!important}.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible{outline:3px solid #a855f7!important;outline-offset:2px!important}}@media (max-width: 1023px) and (min-width: 768px){[data-responsive=header-actions]{flex-wrap:wrap!important;gap:8px!important}[data-responsive=status-pipeline]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:8px!important}[data-responsive=pipeline-items]{min-width:700px!important}}@media (max-width: 767px){.MuiContainer-root{padding-left:12px!important;padding-right:12px!important}[data-responsive=page-header]{flex-direction:column!important;align-items:stretch!important;gap:16px!important}[data-responsive=page-header]>*:first-child{margin-right:0!important}[data-responsive=header-actions]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}[data-responsive=header-actions]>*{width:100%!important}[data-responsive=header-actions]>*:last-child:nth-child(odd){grid-column:1 / -1!important}[data-responsive=status-pipeline]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:12px!important;margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}[data-responsive=pipeline-items]{min-width:600px!important}[data-responsive=search-filters]{flex-direction:column!important;gap:12px!important;align-items:stretch!important}[data-responsive=filter-buttons]{flex-wrap:wrap!important;gap:8px!important}[data-responsive=selection-bar]{flex-direction:column!important;gap:12px!important;align-items:stretch!important}[data-responsive=selection-info]{justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}[data-responsive=bulk-actions]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}[data-responsive=bulk-actions]>*{width:100%!important}[data-responsive=pagination]{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding:16px!important}[data-responsive=product-grid]{grid-template-columns:1fr!important}.MuiDialog-container{align-items:flex-start!important}.MuiDialog-paper{margin:8px!important;max-height:calc(100dvh - 16px)!important;width:calc(100% - 16px)!important}.MuiDialog-paperFullWidth{width:calc(100% - 16px)!important}.MuiDialogContent-root{padding:16px!important}.MuiDialogActions-root{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;flex-wrap:wrap!important;gap:8px!important}.MuiDialogActions-root>*{margin-left:0!important}.MuiTabs-scroller{overflow-x:auto!important}.MuiTab-root{min-width:auto!important;padding:12px!important;font-size:.85rem!important}[data-responsive=login-container]{padding:16px!important}[data-responsive=login-card]{padding:24px!important}.MuiTypography-h1{font-size:1.75rem!important}.MuiTypography-h2{font-size:1.5rem!important}.MuiTypography-h3{font-size:1.35rem!important}.MuiTypography-h4{font-size:1.2rem!important}}@media (max-width: 374px){.MuiContainer-root{padding-left:8px!important;padding-right:8px!important}[data-responsive=header-actions],[data-responsive=bulk-actions]{grid-template-columns:1fr!important}.MuiButton-root{padding:8px 12px!important;font-size:.8rem!important}}@supports (padding: env(safe-area-inset-bottom)){@media (max-width: 767px){.MuiDialogActions-root{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.MuiDrawer-paper{padding-bottom:env(safe-area-inset-bottom)}}}@media (max-width: 900px) and (orientation: landscape){.MuiToolbar-root{min-height:48px!important}.MuiDialog-paper{max-height:90vh!important}}@media print{.MuiDrawer-root,.MuiAppBar-root{display:none!important}main{margin:0!important;padding:0!important;width:100%!important}}