._base_xlb7k_4{padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}._primary_xlb7k_15{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}._primary_xlb7k_15:hover{filter:brightness(1.1)}._primary_xlb7k_15:disabled{opacity:.6;cursor:not-allowed}._secondary_xlb7k_32{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}._secondary_xlb7k_32:hover{background:var(--bg-tertiary)}._tertiary_xlb7k_44{background:transparent;color:var(--text-secondary);border:none;padding:var(--space-xs) var(--space-sm)}._tertiary_xlb7k_44:hover{background:var(--bg-secondary)}._icon_xlb7k_57{padding:var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-lg);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}._icon_xlb7k_57:hover{background:var(--bg-secondary)}._tab_xlb7k_81{padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);transition:all var(--transition-fast);min-width:var(--tab-min-width);background:transparent;border:none;cursor:pointer}._tabActive_xlb7k_92{font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-light)}._tabInactive_xlb7k_99{font-weight:var(--font-weight-normal);color:var(--text-secondary);background:transparent}._shell_2z539_4{display:flex;flex-direction:column;height:100vh}._header_2z539_10{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-elevated);gap:var(--space-md);flex-shrink:0}._headerLogo_2z539_21{font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--color-primary)}._headerNav_2z539_27{display:flex;gap:2px;flex:1}._headerIcons_2z539_33{display:flex;gap:var(--space-sm);align-items:center}._content_2z539_39{flex:1;overflow:auto;padding:var(--space-lg);contain:layout paint}._screen_2z539_51{display:flex;flex-direction:column}._accent_2z539_61{height:3px;background:var(--accent-color, var(--color-primary));border-radius:var(--border-radius-sm);margin-bottom:var(--space-md)}._splitGrid_2z539_69{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-lg)}._column_2z539_76{display:flex;flex-direction:column;gap:var(--space-md)}._emptyState_2z539_83{text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}@media (max-width: 768px){._splitGrid_2z539_69{grid-template-columns:1fr}}:root,[data-theme=light]{--color-primary: #1e3a5f;--color-primary-hover: #152d4a;--color-primary-light: #e0eaf4;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-success: #0f766e;--color-success-light: #f0fdfa;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-info: #0891b2;--color-info-light: #ecfeff;--color-class-a: #1e3a5f;--color-class-a-bg: #e0eaf4;--color-class-b: #b45309;--color-class-b-bg: #fef3c7;--color-class-c: #71717a;--color-class-c-bg: #f4f4f5;--color-class-x: #0f766e;--color-class-x-bg: #f0fdfa;--color-class-y: #9333ea;--color-class-y-bg: #f5f3ff;--color-class-z: #b91c1c;--color-class-z-bg: #fee2e2;--color-matrix-ax: #1e3a5f;--color-matrix-ay: #2563eb;--color-matrix-az: #60a5fa;--color-matrix-bx: #0f766e;--color-matrix-by: #14b8a6;--color-matrix-bz: #5eead4;--color-matrix-cx: #78716c;--color-matrix-cy: #a8a29e;--color-matrix-cz: #d6d3d1;--matrix-text-on-dark: #ffffff;--matrix-text-on-light: #0f172a;--color-zone-golden: var(--color-primary);--color-zone-forward: var(--color-success);--color-zone-reserve: var(--color-warning);--color-zone-bulk: var(--color-secondary);--color-zone-cold: var(--color-info);--color-zone-hazmat: var(--color-error);--color-zone-oversize: #7c3aed;--color-zone-default: var(--text-tertiary);--bg-primary: #fafbfc;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-color-focus: #1e3a5f;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-radius-xl: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: clamp(11px, 10.8px + .06vw, 12px);--font-size-sm: clamp(13px, 12.7px + .12vw, 14px);--font-size-md: clamp(14px, 13.4px + .18vw, 16px);--font-size-lg: clamp(16px, 15.3px + .25vw, 18px);--font-size-xl: clamp(20px, 19px + .4vw, 22px);--font-size-2xl: clamp(24px, 22.7px + .5vw, 27px);--font-size-3xl: clamp(30px, 28.3px + .7vw, 34px);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .06);--shadow-xl: 0 4px 12px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-normal: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-drawer: 500;--z-toast: 600;--header-height: 52px;--status-bar-height: 36px;--drawer-width: 420px;--tab-min-width: 100px;--cc-accent: var(--color-primary);--cc-text: var(--text-primary);--cc-bg: var(--bg-elevated);--cc-info: var(--color-info);--cc-warn: var(--color-warning);--cc-font-mono: "IBM Plex Mono", "Fira Code", monospace;--cc-font-sans: "IBM Plex Sans", system-ui, sans-serif;--cc-font-size: 13px;--cc-label-size: 12px;--cc-control-height: 30px;--cc-radius: 3px;--cc-row-gap: 12px;--cc-label-width: 130px;--cc-border-width: 1px}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-light: #1e3a5f;--color-secondary: #94a3b8;--color-secondary-hover: #cbd5e1;--color-success: #2dd4bf;--color-success-light: #134e4a;--color-warning: #f59e0b;--color-warning-light: #451a03;--color-error: #ef4444;--color-error-light: #450a0a;--color-info: #22d3ee;--color-info-light: #164e63;--color-class-a-bg: #1e3a5f;--color-class-b-bg: #451a03;--color-class-c-bg: #3f3f46;--color-class-x-bg: #134e4a;--color-class-y-bg: #3b0764;--color-class-z-bg: #450a0a;--color-matrix-ax: #1e3a5f;--color-matrix-ay: #1e40af;--color-matrix-az: #1d4ed8;--color-matrix-bx: #115e59;--color-matrix-by: #0f766e;--color-matrix-bz: #0f766e;--color-matrix-cx: #44403c;--color-matrix-cy: #57534e;--color-matrix-cz: #78716c;--matrix-text-on-dark: #ffffff;--matrix-text-on-light: #ffffff;--color-zone-oversize: #a78bfa;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-elevated: #1e293b;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-color-focus: #60a5fa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4)}:root{--about-modal-overlay: rgba(0, 0, 0, .5);--about-modal-bg: #ffffff;--about-modal-panel-bg: #f4f4f5;--about-modal-cta-bg: #efefef;--about-modal-border: #e4e4e7;--about-modal-text-primary: #09090b;--about-modal-text-body: #52525b;--about-modal-text-muted: #a1a1aa;--about-modal-link: #2563eb;--about-modal-link-weight: 400;--about-modal-close-bg: rgba(0, 0, 0, .07);--about-modal-close-color: #71717a;--about-modal-btn-bg: #09090b;--about-modal-btn-text: #ffffff;--about-modal-btn-bg-hover: #27272a;--about-modal-radius: 14px;--about-modal-shadow: 0 2px 8px rgba(0,0,0,.08), 0 14px 48px rgba(0,0,0,.18)}:root{--alert-overlay: rgba(0, 0, 0, .45);--alert-bg: #ffffff;--alert-border: #e4e4e7;--alert-radius: 14px;--alert-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 14px 48px rgba(0, 0, 0, .18);--alert-text-primary: #09090b;--alert-text-body: #52525b;--alert-text-muted: #a1a1aa;--alert-btn-bg: #09090b;--alert-btn-text: #ffffff;--alert-btn-bg-hover: #27272a;--alert-btn-cancel-bg: transparent;--alert-btn-cancel-text: #52525b;--alert-btn-cancel-border: #e4e4e7;--alert-btn-cancel-bg-hover: #f4f4f5;--alert-btn-danger-bg: #dc2626;--alert-btn-danger-text: #ffffff;--alert-btn-danger-bg-hover: #b91c1c;--alert-input-bg: #ffffff;--alert-input-border: #d4d4d8;--alert-input-text: #09090b;--alert-input-focus: #2563eb;--alert-input-error: #dc2626;--alert-accent-info: #2563eb;--alert-accent-success: #16a34a;--alert-accent-warning: #d97706;--alert-accent-danger: #dc2626}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #1e3a5f26}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.empty-message{text-align:center;color:var(--text-tertiary);padding:var(--space-md);font-size:var(--font-size-sm)}@media print{:root{--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px}body{background:#fff;color:#000}.no-print,button,input,select,textarea{display:none!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}}:root,[data-theme=light]{--about-modal-link: var(--color-primary);--about-modal-panel-bg: var(--bg-secondary);--about-modal-bg: var(--bg-elevated);--about-modal-text-primary: var(--text-primary);--about-modal-text-body: var(--text-secondary);--about-modal-text-muted: var(--text-tertiary);--about-modal-border: var(--border-color)}[data-theme=dark]{--about-modal-bg: var(--bg-elevated);--about-modal-panel-bg: var(--bg-secondary);--about-modal-cta-bg: var(--bg-tertiary);--about-modal-text-primary: var(--text-primary);--about-modal-text-body: var(--text-secondary);--about-modal-text-muted: var(--text-tertiary);--about-modal-border: var(--border-color);--about-modal-close-bg: rgba(255, 255, 255, .07);--about-modal-close-color: var(--text-tertiary)}:root,[data-theme=light]{--alert-overlay: var(--bg-overlay);--alert-bg: var(--bg-elevated);--alert-border: var(--border-color);--alert-radius: var(--border-radius-lg);--alert-shadow: var(--shadow-xl);--alert-text-primary: var(--text-primary);--alert-text-body: var(--text-secondary);--alert-text-muted: var(--text-tertiary);--alert-btn-bg: var(--color-primary);--alert-btn-text: var(--text-inverse);--alert-btn-bg-hover: var(--color-primary-hover);--alert-btn-cancel-bg: transparent;--alert-btn-cancel-text: var(--text-secondary);--alert-btn-cancel-border: var(--border-color);--alert-btn-cancel-bg-hover: var(--bg-tertiary);--alert-btn-danger-bg: var(--color-error);--alert-btn-danger-text: var(--text-inverse);--alert-btn-danger-bg-hover: #b91c1c;--alert-input-bg: var(--bg-primary);--alert-input-border: var(--border-color);--alert-input-text: var(--text-primary);--alert-input-focus: var(--border-color-focus);--alert-input-error: var(--color-error);--alert-accent-info: var(--color-info);--alert-accent-success: var(--color-success);--alert-accent-warning: var(--color-warning);--alert-accent-danger: var(--color-error)}[data-theme=dark]{--alert-bg: var(--bg-elevated);--alert-border: var(--border-color);--alert-text-primary: var(--text-primary);--alert-text-body: var(--text-secondary);--alert-text-muted: var(--text-tertiary);--alert-btn-bg: var(--color-primary);--alert-btn-text: #0f172a;--alert-btn-bg-hover: var(--color-primary-hover);--alert-btn-cancel-bg: transparent;--alert-btn-cancel-text: var(--text-secondary);--alert-btn-cancel-border: var(--border-color);--alert-btn-cancel-bg-hover: var(--bg-tertiary);--alert-btn-danger-bg: var(--color-error);--alert-btn-danger-text: var(--text-inverse);--alert-input-bg: var(--bg-primary);--alert-input-border: var(--border-color);--alert-input-text: var(--text-primary);--alert-input-focus: var(--border-color-focus);--alert-overlay: var(--bg-overlay)}@media (max-width: 1024px){.responsive-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){body{font-size:var(--font-size-sm)}.app-header{flex-wrap:wrap;gap:var(--space-xs)}.app-header nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-header nav button{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}[style*="width: var(--drawer-width)"],[role=dialog][aria-label="SKU detail"]{width:100%!important}[role=dialog]:not([aria-label="SKU detail"]){width:95vw!important;max-width:600px}.app-header{padding:var(--space-xs) var(--space-sm)!important}}
