@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:Harabara Mais;src:url(/assets/HarabaraMais-Light-CJn5PMh0.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Harabara Mais;src:url(/assets/HarabaraMais-Regular-B6v2WYoC.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Harabara Mais;src:url(/assets/HarabaraMais-Bold-DvtZbQiE.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Harabara Mais;src:url(/assets/HarabaraMais-Black-md_6rHOb.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--brand-primary:#0f172a;--brand-accent:#1a5fb4;--brand-accent-hover:#17539d;--brand-accent-active:#123f78;--brand-accent-light:#eaf1fa;--brand-accent-border:#b9d3ef;--brand-bar:#10457f;--brand-bar-hover:#1a5fb4;--brand-bar-text:#fff;--success-color:#059669;--success-strong:#047857;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--warning-color:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#92400e;--danger-color:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#991b1b;--success-solid:#047857;--success-solid-hover:#036249;--warning-solid:#a15c07;--warning-solid-hover:#854d06;--danger-solid:#c81e1e;--danger-solid-hover:#a91616;--info-solid:var(--brand-accent);--info-solid-hover:var(--brand-accent-hover);--neutral-solid:var(--slate-600);--on-solid:#fff;--bg-canvas:#f3f4f6;--bg-surface:#fff;--bg-surface-subtle:var(--slate-50);--border-subtle:var(--slate-200);--border-strong:var(--slate-300);--text-main:var(--slate-900);--text-muted:var(--slate-500);--text-dim:var(--slate-400);--input-bg:#fff;--input-border:var(--slate-300);--input-text:var(--slate-900);--input-placeholder:var(--slate-400);--rail-w:232px;--rail-w-collapsed:68px;--bar-h:48px;--bg-app:var(--bg-canvas);--panel-bg:var(--bg-surface);--panel-border:var(--border-subtle);--panel-border-subtle:var(--slate-100);--card-bg:var(--bg-surface);--card-hover:var(--slate-100);--primary:var(--brand-accent);--primary-hover:var(--brand-accent-hover);--accent:var(--brand-accent);--success:var(--success-color);--warning:var(--warning-color);--danger:var(--danger-color);--green-highlight:var(--success-color);--red-error:var(--danger-color);--orange-warn:var(--warning-color);--sapBrandColor:var(--brand-accent);--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a12, 0 1px 2px -1px #0f172a0a;--shadow-md:0 6px 16px -4px #0f172a1a, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 16px 32px -8px #0f172a24, 0 4px 8px -4px #0f172a0f;--shadow-pdt:0 24px 48px -12px #0f172a38, 0 8px 16px -8px #0f172a1a;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--dur:.16s;--touch-xs:36px;--touch-sm:42px;--touch-md:48px;--touch-lg:56px;--touch-xl:64px;--touch-gap:8px;--font-brand:"Harabara Mais", "Segoe UI", system-ui, sans-serif;--font-sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg-canvas);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:14px;line-height:1.5}#root{width:100%;min-height:100vh}.app-shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:var(--bar-h) minmax(0, 1fr);grid-template-areas:"bar bar""rail canvas";min-height:100vh;display:grid}.cmd-bar{z-index:60;background:var(--brand-bar);color:var(--brand-bar-text);grid-area:bar;align-items:center;gap:14px;padding:0 14px;display:flex;position:sticky;top:0}.cmd-brand{color:inherit;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.cmd-brand-mark{border-radius:var(--r-xs);color:#fff;background:#ffffff29;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.cmd-brand-name{font-family:var(--font-brand);letter-spacing:.3px;white-space:nowrap;font-size:17px;font-weight:900;line-height:1}.cmd-search{flex:auto;align-items:center;max-width:620px;display:flex;position:relative}.cmd-search svg{color:#ffffffbf;pointer-events:none;position:absolute;left:11px}.cmd-search input{width:100%;height:32px;font-size:13px;font-family:var(--font-sans);color:#fff;border-radius:var(--r-xs);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#ffffff24;border:1px solid #0000;padding:0 12px 0 34px}.cmd-search input::placeholder{color:#ffffffb8}.cmd-search input:focus{color:var(--text-main);background:#fff;border-color:#fff;outline:none;box-shadow:0 0 0 2px #ffffff59}.cmd-search input:focus::placeholder{color:var(--input-placeholder)}.cmd-search input:focus+svg,.cmd-search:focus-within svg{color:var(--text-muted)}.cmd-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.cmd-btn{min-height:32px;font-size:12.5px;font-weight:600;font-family:var(--font-sans);color:#fff;border-radius:var(--r-xs);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.cmd-btn:hover{background:#ffffff29}.cmd-switch{border-radius:var(--r-sm);background:#0000002e;align-items:center;gap:2px;padding:2px;display:inline-flex}.cmd-switch .cmd-btn{border-radius:calc(var(--r-sm) - 2px);color:#ffffffc7;min-height:28px;padding:0 12px;font-weight:600}.cmd-switch .cmd-btn:hover{color:#fff;background:#ffffff1a}.cmd-switch .cmd-btn.active{color:var(--brand-bar);background:#fff;font-weight:700;box-shadow:0 1px 2px #0f172a38}.cmd-switch .cmd-btn.active svg{color:var(--brand-bar)}.cmd-divider{background:#ffffff38;flex-shrink:0;width:1px;height:22px;margin:0 2px}.cmd-user{white-space:nowrap;align-items:center;gap:9px;max-width:230px;padding:0 2px;font-size:12px;display:inline-flex}.cmd-user-block{flex-direction:column;gap:1px;min-width:0;line-height:1.25;display:flex}.cmd-user-avatar{width:26px;height:26px;color:var(--brand-bar);letter-spacing:.3px;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.cmd-user-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cmd-user-role{letter-spacing:.5px;text-transform:uppercase;opacity:.85;font-size:10px;font-weight:700}.nav-rail{top:var(--bar-h);height:calc(100vh - var(--bar-h));background:var(--bg-surface);border-right:1px solid var(--border-subtle);overscroll-behavior:contain;flex-direction:column;grid-area:rail;align-self:start;gap:2px;padding:10px 8px;display:flex;position:sticky;overflow-y:auto}.nav-rail-label{letter-spacing:.8px;text-transform:uppercase;color:var(--slate-500);padding:12px 10px 6px;font-size:10.5px;font-weight:700}.nav-item{width:100%;min-height:var(--touch-sm);font-size:13.5px;font-weight:500;font-family:var(--font-sans);text-align:left;color:var(--slate-700);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;align-items:center;gap:11px;padding:0 11px;display:flex;position:relative}.nav-item:hover{background:var(--slate-100);color:var(--text-main)}.nav-item.active{background:var(--brand-accent-light);color:var(--brand-accent-active);font-weight:700}.nav-item.active:before{content:"";background:var(--brand-accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item svg{color:currentColor;flex-shrink:0}.nav-item-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item-count{font-family:var(--font-mono);border-radius:var(--r-pill);background:var(--slate-200);color:var(--slate-700);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.nav-item.active .nav-item-count{background:var(--brand-accent);color:#fff}.app-canvas{grid-area:canvas;min-width:0;padding:18px 22px 40px}.canvas-inner{flex-direction:column;gap:16px;width:100%;max-width:1480px;margin:0 auto;display:flex}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.breadcrumb-sep{color:var(--slate-300)}.breadcrumb-current{color:var(--text-main);font-weight:600}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{font-family:var(--font-brand);letter-spacing:.2px;color:var(--text-main);font-size:26px;font-weight:900;line-height:1.15}.page-subtitle{color:var(--text-muted);margin-top:5px;font-size:13px}@media (width<=1100px){.app-shell{grid-template-columns:var(--rail-w-collapsed) minmax(0, 1fr)}.nav-item{justify-content:center;padding:0}.nav-item-text,.nav-item-count,.nav-rail-label{display:none}.nav-item.active:before{height:26px}.app-canvas{padding:16px 16px 36px}}.tabbar{display:none}@media (width<=860px){.tabbar{z-index:70;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,0px);grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 3px #0f172a12}.tabbar-item{min-width:0;min-height:56px;color:var(--slate-500);font-family:var(--font-sans);letter-spacing:-.1px;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 2px 6px;font-size:9.5px;font-weight:600;line-height:1.1;display:flex}.tabbar-item svg{flex-shrink:0}.tabbar-item.active{color:var(--brand-accent);border-top-color:var(--brand-accent);font-weight:700}.tabbar-item.active svg{color:var(--brand-accent)}.tabbar-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.pdt-viewport{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.pdt-statusbar{padding:5px 12px;font-size:10px}.pdt-ctx{font-size:9.5px}.pdt-header{padding:12px 14px 11px}.pdt-header h1{font-size:19px;line-height:1.2}.pdt-header .kicker{letter-spacing:.6px;font-size:10px}.pdt-header .subtitle{display:none}.pdt-content{padding:12px 14px 16px}.admin-heading{overflow-wrap:anywhere;font-size:19px;line-height:1.2}.admin-kicker{font-size:10px}.admin-page-header{gap:10px}.reconcile-banner{gap:12px;padding:14px 15px}.banner-icon{width:44px;height:44px}.banner-content{min-width:0}.banner-content h2{font-size:14px}.admin-alert{padding:10px 13px;font-size:12.5px}.admin-card-section{padding:14px}.kpi-val{font-size:28px}.pdt-nav-tabs-wrap{display:none}.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""canvas"}.nav-rail,.cmd-search{display:none}.app-canvas{padding:0}.page-title{font-size:21px}.cmd-bar{gap:8px;padding:0 10px;overflow:hidden}.cmd-brand{min-width:0}.cmd-brand-name{text-overflow:ellipsis;font-size:15px;overflow:hidden}.cmd-actions{gap:2px;min-width:0}.cmd-actions .cmd-btn{justify-content:center;gap:0;min-width:42px;padding:0 10px}.cmd-btn-label,.cmd-user,.cmd-divider{display:none}.cmd-switch{gap:2px;padding:2px}.cmd-switch .cmd-btn{min-width:40px;min-height:38px;padding:0 10px}.offline-status-badge{padding:5px 9px;font-size:10px}.cmd-bar{height:auto;min-height:50px;padding-top:4px;padding-bottom:4px}.app-shell{grid-template-rows:auto minmax(0,1fr)}.cmd-actions .cmd-btn{min-width:44px;min-height:44px}.pdt-network-badge{min-height:44px;padding:0 13px}.mode-toggle-btn{min-height:var(--touch-sm)}.chip-btn{min-height:44px;padding:0 14px}.btn{min-height:var(--touch-sm)}.btn-primary{min-height:var(--touch-md)}}html,body{max-width:100%;overflow-x:hidden}.app-wrapper{flex-direction:column;gap:18px;width:100%;max-width:1440px;display:flex}svg{flex-shrink:0}code{font-family:var(--font-mono);border-radius:var(--r-xs);background:var(--slate-100);color:var(--slate-800);border:1px solid var(--slate-200);padding:1px 5px;font-size:.92em}.global-app-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);z-index:40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:13px;font-weight:500;display:flex;position:sticky;top:12px}.header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-badge{background:var(--slate-900);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-xs);align-items:center;gap:9px;padding:7px 12px 7px 9px;display:inline-flex}.brand-logo-mark{background:linear-gradient(135deg, var(--brand-accent), #6366f1);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.brand-logo-mark svg{display:block}.brand-name{letter-spacing:-.3px;font-size:15px;font-weight:700;line-height:1}.brand-name strong{font-weight:800}.brand-edition{border-radius:var(--r-xs);letter-spacing:.7px;background:#ffffff29;padding:3px 6px;font-size:9px;font-weight:700;line-height:1}.warehouse-badge{color:var(--slate-600);background:var(--slate-100);border-radius:var(--r-sm);border:1px solid var(--slate-200);align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.user-session-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--slate-700);align-items:center;gap:8px;padding:5px 11px 5px 6px;font-size:12px;display:inline-flex}.user-avatar-initials{background:linear-gradient(135deg, var(--slate-700), var(--slate-900));color:#fff;letter-spacing:.3px;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:inline-flex}.app-mode-selector{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-mode-selector .mode-toggle-btn:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.mode-toggle-btn{background:var(--slate-100);color:var(--slate-600);border-radius:var(--r-sm);cursor:pointer;min-height:34px;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.mode-toggle-btn:hover{color:var(--slate-900);background:var(--slate-200)}.mode-toggle-btn.active{background:var(--brand-primary);color:#fff;box-shadow:0 1px 3px #0f172a3d}.btn-logout{border:1px solid var(--border-subtle);color:var(--slate-500);border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur) var(--ease);background:0 0;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-logout:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-color)}.sync-pill,.offline-status-badge{border-radius:var(--r-pill);background:var(--success-solid);color:var(--on-solid);border:1px solid var(--success-solid);white-space:nowrap;align-items:center;gap:6px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.cmd-bar .offline-status-badge{color:#fff;background:#ffffff24;border-color:#ffffff47}.cmd-bar .offline-status-badge:hover{background:#ffffff38}.admin-viewport{flex-direction:column;gap:18px;width:100%;display:flex}.admin-container{flex-direction:column;gap:18px;display:flex}.admin-page-header{flex-direction:column;gap:16px;display:flex}.admin-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.admin-kicker{color:var(--brand-accent);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700;display:block}.admin-heading{font-family:var(--font-brand);color:var(--slate-900);letter-spacing:-.2px;margin-top:3px;font-size:25px;font-weight:900;line-height:1.15}.admin-controls{align-items:center;gap:8px;display:inline-flex}.status-badge.live{letter-spacing:.3px;border-radius:var(--r-pill);background:var(--success-solid);color:var(--on-solid);border:1px solid var(--success-solid);align-items:center;gap:7px;padding:6px 13px;font-size:11px;font-weight:700;display:inline-flex}.live-dot{width:7px;height:7px;animation:pulse-dot 2s var(--ease) infinite;background-color:#fff;border-radius:50%;box-shadow:0 0 0 3px #ffffff47}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #0596692e}50%{box-shadow:0 0 0 5px #0596690f}}.admin-subnav{background-color:var(--slate-100);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-xs) inset;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding:5px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%)}@media (width>=1280px){.admin-subnav{-webkit-mask-image:none;mask-image:none}}.admin-subnav::-webkit-scrollbar{display:none}.admin-nav-btn{color:var(--slate-600);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:all var(--dur) var(--ease);scroll-snap-align:start;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.admin-nav-btn svg{color:var(--slate-500);transition:color var(--dur) var(--ease)}.admin-nav-btn:hover{color:var(--slate-900);background:#ffffffb3}.admin-nav-btn:hover svg{color:var(--slate-500)}.admin-nav-btn.active{background:var(--bg-surface);color:var(--brand-accent);border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.admin-nav-btn.active svg{color:var(--brand-accent)}.admin-alert{border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--slate-700);align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:500;display:flex}.admin-alert.info{background:var(--info-solid);border-color:var(--info-solid);color:var(--on-solid)}.admin-alert.info strong{color:var(--on-solid)}.admin-alert.success{background:var(--success-solid);border-color:var(--success-solid);color:var(--on-solid)}.admin-alert.error{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--on-solid)}.admin-card-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:22px}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-header-row h2,.section-header h2{color:var(--slate-900);letter-spacing:-.2px;font-size:17px;font-weight:700}.section-desc{color:var(--text-muted);max-width:720px;margin-top:4px;font-size:13px;line-height:1.5}.reconcile-banner{border-radius:var(--r-lg);box-shadow:var(--shadow-xs);border:1px solid #0000;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;padding:18px 20px;display:flex}.reconcile-banner.balanced{background:var(--success-solid);border-color:var(--success-solid);color:var(--on-solid)}.reconcile-banner.unbalanced{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--on-solid)}.banner-icon{border-radius:var(--r-lg);background:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 1px 3px #0f172a2e}.reconcile-banner.balanced .banner-icon{color:var(--success-solid)}.reconcile-banner.unbalanced .banner-icon{color:var(--danger-solid)}.banner-icon svg{color:currentColor}.reconcile-banner .btn-refresh{color:var(--on-solid);background:#ffffff29;border-color:#ffffff57}.reconcile-banner .btn-refresh:hover{color:var(--on-solid);background:#ffffff42;border-color:#ffffff80}.banner-content{flex:1;min-width:260px}.banner-content h2{letter-spacing:.2px;margin-bottom:4px;font-size:15px;font-weight:800}.banner-content p{opacity:.92;font-size:13px;line-height:1.5}.btn-refresh{background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--slate-800);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);transition:all var(--dur) var(--ease);align-items:center;gap:6px;padding:9px 16px;font-size:12px;font-weight:600;display:inline-flex}.btn-refresh:hover:not(:disabled){border-color:var(--brand-accent);color:var(--brand-accent);background:var(--brand-accent-light)}.btn-refresh:disabled{opacity:.6;cursor:progress}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;gap:4px;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:before{content:"";background:var(--brand-accent);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.highlight-green:before{background:var(--success-color)}.kpi-card.highlight-red:before{background:var(--danger-color)}.kpi-card.highlight-orange:before{background:var(--warning-color)}.kpi-lbl{text-transform:uppercase;letter-spacing:.6px;color:var(--slate-500);font-size:10.5px;font-weight:700;display:block}.kpi-val{color:var(--slate-900);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-1px;font-size:32px;font-weight:700;line-height:1.05;font-family:var(--font-mono);margin:4px 0 2px;display:block}.kpi-val.date-val{letter-spacing:-.5px;font-size:24px}.kpi-card.highlight-green .kpi-val{color:var(--success-strong)}.kpi-card.highlight-red .kpi-val{color:var(--danger-color)}.kpi-card.highlight-orange .kpi-val{color:var(--warning-color)}.kpi-sub{color:var(--slate-500);font-size:12px;line-height:1.4;display:block}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-group{background:var(--slate-100);border-radius:var(--r-md);border:1px solid var(--slate-200);align-items:center;gap:2px;padding:4px;display:inline-flex}.filter-group label{color:var(--slate-600);padding:0 10px 0 8px;font-size:12px;font-weight:600}.filter-btn{min-height:32px;color:var(--slate-600);border-radius:var(--r-xs);cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;background:0 0;border:1px solid #0000;padding:7px 13px;font-size:12px;font-weight:600}.filter-btn:hover{color:var(--slate-900)}.filter-btn.active{background:var(--bg-surface);color:var(--slate-900);box-shadow:var(--shadow-xs);border-color:var(--border-subtle)}.filter-btn.active.alert,.filter-btn.active.highlight-red{background:var(--danger-bg);color:var(--danger-color);border-color:var(--danger-border)}.filter-btn.active.highlight-green{background:var(--success-bg);color:var(--success-strong);border-color:var(--success-border)}.filter-btn.active.highlight-orange{background:var(--warning-bg);color:var(--warning-color);border-color:var(--warning-border)}.admin-search-input{flex:1;min-width:220px;height:42px}.chip-btn{height:34px;color:var(--slate-600);background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:all var(--dur) var(--ease);padding:0 14px;font-size:12px;font-weight:600}.chip-btn:hover{background:var(--slate-200);color:var(--slate-900)}.table-wrapper{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background-image:linear-gradient(to right, var(--bg-surface), transparent 22px), linear-gradient(to left, var(--bg-surface), transparent 22px), linear-gradient(to right, #0f172a1a, transparent 22px), linear-gradient(to left, #0f172a1a, transparent 22px);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:28px 100%,28px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll;position:relative;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px;font-size:13px}.admin-table th{background:var(--slate-50);color:var(--slate-500);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;z-index:1;padding:12px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.admin-table td{border-bottom:1px solid var(--slate-100);color:var(--slate-800);vertical-align:middle;padding:13px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background var(--dur) var(--ease)}.admin-table tbody tr:hover td{background-color:var(--slate-50)}.admin-table td.numeric,.admin-table th.numeric{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.admin-table .row-ok:hover td{background-color:var(--success-bg)}.admin-table .row-error td{background-color:#dc262609}.admin-table .row-error:hover td{background-color:var(--danger-bg)}.empty-cell{text-align:center;color:var(--text-muted);font-size:13px;padding:36px 16px!important}.sku-cell strong{color:var(--slate-900);font-weight:700;font-family:var(--font-mono);font-size:12.5px}.code-cell{font-family:var(--font-mono);color:var(--slate-600);font-size:12px}.doc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.date-cell{font-family:var(--font-mono);color:var(--slate-500);white-space:nowrap;font-size:12px}.tracking-tag{border-radius:var(--r-pill);border:1px solid var(--neutral-solid);background:var(--neutral-solid);color:var(--on-solid);align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tracking-tag.batch{background:var(--info-solid);color:var(--on-solid);border-color:var(--info-solid)}.tracking-tag.serial{color:var(--on-solid);background:#86198f;border-color:#86198f}.tracking-tag.none{background:var(--neutral-solid);color:var(--on-solid);border-color:var(--neutral-solid)}.operation-tag{color:var(--slate-700);font-size:12px;font-weight:600}.event-tag{font-family:var(--font-mono);color:var(--slate-700);letter-spacing:-.2px;font-size:11.5px;font-weight:600}.payload-cell{color:var(--slate-600);font-size:12px}.tag-lot,.tag-ser{border-radius:var(--r-xs);font-size:11px;font-weight:600;font-family:var(--font-mono);align-items:center;padding:2px 8px;display:inline-flex}.tag-lot{background:var(--info-solid);color:var(--on-solid)}.tag-ser{color:var(--on-solid);background:#86198f}.pill{letter-spacing:.2px;border-radius:var(--r-xs);white-space:nowrap;background:var(--neutral-solid);color:var(--on-solid);border:1px solid var(--neutral-solid);align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.pill.danger{background:var(--danger-solid);border-color:var(--danger-solid)}.pill.warning{background:var(--warning-solid);border-color:var(--warning-solid)}.pill.success{background:var(--success-solid);border-color:var(--success-solid)}.pill.info{background:var(--info-solid);border-color:var(--info-solid)}.pill svg{color:var(--on-solid)}.notice{border-radius:var(--r-sm);background:var(--neutral-solid);color:var(--on-solid);border:1px solid var(--neutral-solid);border-left:4px solid #ffffff73;margin-bottom:12px;padding:11px 14px;font-size:12.5px;line-height:1.55;display:block}.notice.danger{background:var(--danger-solid);border-color:var(--danger-solid)}.notice.warning{background:var(--warning-solid);border-color:var(--warning-solid)}.notice.success{background:var(--success-solid);border-color:var(--success-solid)}.notice.info{background:var(--info-solid);border-color:var(--info-solid)}.notice{border-left-color:#ffffff73}.notice strong,.notice code,.notice svg{color:var(--on-solid)}.notice-head{align-items:flex-start;gap:10px;display:flex}.notice-head>svg{color:var(--on-solid);flex-shrink:0;margin-top:1px}.notice-title{color:var(--on-solid);margin:0;font-size:13.5px;font-weight:700;line-height:1.35}.notice-meta{color:#ffffffdb;margin-top:3px;font-size:11.5px;line-height:1.5}.notice-facts{border-radius:var(--r-xs);background:#00000029;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 16px;margin-top:11px;padding:10px 12px;display:grid}.notice-facts>div{flex-direction:column;gap:2px;min-width:0;display:flex}.notice-fact-label{letter-spacing:.4px;text-transform:uppercase;color:#fffc;font-size:10.5px;font-weight:600}.notice-fact-value{font-family:var(--font-mono);color:var(--on-solid);word-break:break-all;font-size:13px;font-weight:700}.notice code{background:#ffffff2e;border-color:#ffffff57}.badge{border-radius:var(--r-pill);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex}.badge-green{background:var(--success-solid);color:var(--on-solid);border:1px solid var(--success-solid)}.badge-orange,.badge-amber{background:var(--warning-solid);color:var(--on-solid);border:1px solid var(--warning-solid)}.badge-red{background:var(--danger-solid);color:var(--on-solid);border:1px solid var(--danger-solid)}.badge-blue,.badge-neutral{background:var(--info-solid);color:var(--on-solid);border:1px solid var(--info-solid)}.scan-input,.admin-input,.admin-select,input[type=text],input[type=number],input[type=password],select{height:42px;color:var(--slate-900);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;width:100%;padding:9px 14px;font-family:inherit;font-size:13px}.scan-input:focus,.admin-input:focus,.admin-select:focus,input:focus,select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #4f46e524}::placeholder{color:var(--text-dim)}.pdt-btn{min-height:var(--touch-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.pdt-btn.primary{min-height:var(--touch-md);background-color:var(--brand-accent);color:#fff;border-color:var(--brand-accent);box-shadow:0 1px 3px #4f46e54d}.pdt-btn.primary:hover{background-color:var(--brand-accent-hover);border-color:var(--brand-accent-hover)}.pdt-btn.primary:active{background-color:var(--brand-accent-active)}.pdt-btn.secondary{background-color:var(--bg-surface);color:var(--slate-700);border-color:var(--border-subtle)}.pdt-btn.secondary:hover{background-color:var(--slate-50);border-color:var(--border-strong)}.pdt-viewport{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--shadow-pdt);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.pdt-statusbar{background-color:var(--slate-900);color:#fff;justify-content:space-between;align-items:center;padding:9px 14px;font-size:11px;font-weight:600;display:flex}.pdt-ctx{font-family:var(--font-mono);letter-spacing:.3px;color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex;overflow:hidden}.pdt-ctx svg{opacity:.7;flex-shrink:0}.pdt-ctx-user{margin-left:auto}.pdt-statusbar .status-dot{background-color:#34d399;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 2px #34d3994d}.pdt-nav-tabs-wrap{background:var(--bg-surface-subtle);border-bottom:1px solid var(--border-subtle);position:relative}.pdt-nav-tabs-wrap:before,.pdt-nav-tabs-wrap:after{content:"";pointer-events:none;z-index:2;width:28px;position:absolute;top:0;bottom:0}.pdt-nav-tabs-wrap:before{background:linear-gradient(to right, var(--bg-surface-subtle), transparent);left:0}.pdt-nav-tabs-wrap:after{background:linear-gradient(to left, var(--bg-surface-subtle), transparent);right:0}.pdt-nav-tabs{background:var(--bg-surface-subtle);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.pdt-nav-tabs::-webkit-scrollbar{display:none}.pdt-nav-tabs .pdt-tab{scroll-snap-align:start}.pdt-tab{min-width:112px;min-height:var(--touch-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--bg-surface);color:var(--slate-600);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:all var(--dur) var(--ease);flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 10px;font-size:12px;font-weight:600;display:inline-flex}.pdt-tab:hover{border-color:var(--border-strong);color:var(--slate-900)}.pdt-tab.active{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent);box-shadow:0 1px 3px #4f46e54d}.pdt-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:18px 20px}.pdt-header .kicker{color:var(--brand-accent);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.pdt-header h1{font-family:var(--font-brand);color:var(--slate-900);letter-spacing:-.3px;margin:3px 0;font-size:21px;font-weight:900}.pdt-header .subtitle{color:var(--slate-500);font-size:12px}.pdt-content{background-color:var(--bg-surface-subtle);flex-direction:column;gap:16px;padding:16px;display:flex}.scan-container{background-color:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);padding:16px}.scan-container label{color:var(--slate-600);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.scan-input-group{gap:8px;display:flex}.scan-input{min-width:0;min-height:var(--touch-md);font-size:16px;font-weight:600;font-family:var(--font-mono);letter-spacing:.3px;flex:1}.btn-scan{min-height:var(--touch-md);background-color:var(--brand-accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease);border:none;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.btn-scan:hover{background-color:var(--brand-accent-hover)}.btn-scan-laser{background-color:var(--brand-accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;border:none;align-items:center;gap:6px;height:48px;padding:0 16px;font-weight:600;display:inline-flex}.btn-scan-laser:hover{background-color:var(--brand-accent-hover)}.quick-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.quick-chips .chip-btn{height:32px}.feedback-box{border-radius:var(--r-md);border:1px solid var(--border-subtle);padding:13px 16px;font-size:13px;font-weight:500}.feedback-box.error{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--on-solid)}.feedback-box.empty{background:var(--bg-surface);color:var(--text-muted);text-align:center;border-style:dashed}.result-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:14px;padding:18px;display:flex}.item-title-block{border-bottom:1px solid var(--slate-100);padding-bottom:12px}.item-sku{color:var(--slate-900);font-size:20px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px}.item-desc{color:var(--slate-500);margin-top:2px;font-size:13px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:10px 12px}.field-box .lbl{text-transform:uppercase;letter-spacing:.4px;color:var(--slate-500);margin-bottom:3px;font-size:10.5px;font-weight:700;display:block}.field-box .val{color:var(--slate-900);font-size:13px;font-weight:600}.stock-metrics-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-lg);flex-direction:column;gap:9px;padding:14px 16px;display:flex}.metric-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.metric-row .m-lbl{color:var(--text-muted);font-size:12px}.metric-row .m-val{color:var(--text-main);font-size:15px;font-weight:700;font-family:var(--font-mono);white-space:nowrap}.metric-row .m-val-warn{color:var(--warning-text)}.metric-row.available{border-top:1px solid var(--border-strong);margin-top:3px;padding-top:11px}.metric-row.available .m-lbl{color:var(--text-main);font-weight:700}.metric-row.available .m-val{color:var(--success-strong);font-size:22px}.action-buttons{gap:10px;display:flex}.action-buttons .pdt-btn{flex:1}.login-viewport{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:420px;margin:44px auto;padding:38px 34px}.login-header{text-align:center;margin-bottom:26px}.login-brand{align-items:center;gap:11px;margin-bottom:18px;display:inline-flex}.login-brand-mark{border-radius:var(--r-md);background:var(--brand-bar);color:#fff;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.login-brand-name{font-family:var(--font-brand);letter-spacing:.2px;color:var(--text-main);font-size:23px;font-weight:900;line-height:1}.login-header h2{font-family:var(--font-brand);letter-spacing:-.1px;color:var(--text-main);font-size:19px;font-weight:700}.login-header .logo-box{background:var(--slate-900);color:#fff;border-radius:var(--r-lg);align-items:center;gap:8px;margin-bottom:14px;padding:10px 18px;display:inline-flex}.login-header .brand-logo-text{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:800}.login-header .brand-subtitle{color:var(--slate-500);font-size:13px}.login-form .form-group{margin-bottom:16px}.login-form label{color:var(--slate-600);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-form input{width:100%}.pin-display{letter-spacing:6px;text-align:center;font-size:18px;font-family:var(--font-mono)!important}.pick-stop{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--brand-accent);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);padding:16px}.pick-stop.done{background:var(--success-bg);border-color:var(--success-border);border-left-color:var(--success-color)}.pick-stop-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pick-stop-main{flex:180px;min-width:0}.pick-stop-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.pick-stop-location{font-family:var(--font-mono);letter-spacing:-.4px;color:var(--text-main);word-break:break-all;margin-top:2px;font-size:21px;font-weight:700;line-height:1.2}.pick-stop-item{color:var(--slate-600);margin-top:8px;font-size:13px;line-height:1.45}.pick-stop-item strong{color:var(--text-main);font-weight:700}.pick-stop-batch{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--on-solid);background:var(--warning-solid);border:1px solid var(--warning-solid);border-radius:var(--r-xs);align-items:center;gap:6px;margin-top:8px;padding:4px 9px;display:inline-flex}.pick-stop-qty{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.pick-stop-qty-val{font-family:var(--font-mono);letter-spacing:-1px;color:var(--brand-accent);font-size:30px;font-weight:700;line-height:1}.pick-stop.done .pick-stop-qty-val{color:var(--success-strong)}.pick-stop-qty-uom{letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:700}.pick-stop-confirm{min-height:var(--touch-lg);width:100%;margin-top:12px;padding:0 20px}.pick-stop-footer{border-top:1px dashed var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:10px;font-size:12px;display:flex}.pick-stop-alloc{font-family:var(--font-mono);background:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-200);border-radius:var(--r-xs);padding:3px 9px;font-size:12px}@media (width<=440px){.pick-stop-head{flex-direction:column;align-items:stretch;gap:10px}.pick-stop-main{flex:none}.pick-stop-qty{flex-direction:row;align-items:baseline;gap:7px;width:100%}.pick-stop-qty-uom{margin-top:0}.pick-stop-location{font-size:24px}.pick-stop-qty-val{font-size:34px}}.field-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.with-icon{align-items:center;gap:6px;display:inline-flex}.with-icon-lg{gap:8px}.u-muted{color:var(--text-muted)}.u-note{color:var(--text-muted);font-size:12px;line-height:1.5}.section-title{color:var(--text-main);letter-spacing:-.1px;font-size:15px;font-weight:700}.u-right{text-align:right}.u-center{text-align:center}.u-grow{flex:1}.u-mono{font-family:var(--font-mono)}.ident{font-family:var(--font-mono);letter-spacing:.2px;color:var(--text-main);font-weight:600}.u-row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px}.input-field{width:100%;min-height:var(--touch-md);font-size:14px;font-family:var(--font-sans);color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-sm);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:0 12px}.input-field::placeholder{color:var(--input-placeholder)}.input-field:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #1a5fb426}.input-mono{font-family:var(--font-mono);letter-spacing:.3px;font-size:15px}.flow-container,.quarantine-container,.supervisor-inspection-view{width:100%;max-width:960px;margin:0 auto;padding:14px}.flow-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);margin-bottom:14px;padding:16px}.pdt-form{display:block}.banner-alert{background:var(--warning-solid);color:var(--on-solid);border:1px solid var(--warning-solid);border-radius:var(--r-sm);border-left:4px solid #ffffff73;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.banner-alert strong,.banner-alert svg{color:var(--on-solid)}.subtab{min-height:var(--touch-sm);font-size:13px;font-weight:600;font-family:var(--font-sans);color:var(--slate-600);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.subtab:hover{background:var(--slate-50);border-color:var(--border-strong);color:var(--text-main)}.subtab.active{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.subtab.active:hover{background:var(--brand-accent-hover)}.subtab:disabled{opacity:.5;cursor:not-allowed}.subtab-group{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.subtab-group .subtab{flex:auto}@media (width<=440px){.subtab{min-height:var(--touch-md);font-size:13.5px}}.scroll-list{overscroll-behavior-y:contain;background-image:linear-gradient(to bottom, var(--bg-surface), transparent 14px), linear-gradient(to top, var(--bg-surface), transparent 14px), linear-gradient(to bottom, #0f172a12, transparent 12px), linear-gradient(to top, #0f172a12, transparent 12px);background-position:top,bottom,top,bottom;background-repeat:no-repeat;background-size:100% 18px,100% 18px,100% 10px,100% 10px;background-attachment:local,local,scroll,scroll;flex-direction:column;gap:8px;max-height:min(52vh,520px);display:flex;overflow-y:auto}.scroll-list.grid{gap:8px;display:grid}@media (width<=440px){.scroll-list{max-height:62vh}}.btn-quiet{min-height:var(--touch-xs);font-size:12px;font-weight:600;font-family:var(--font-sans);color:var(--slate-700);background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn-quiet:hover{background:var(--slate-200);color:var(--text-main)}.btn-quiet:disabled{opacity:.55;cursor:not-allowed}.btn-action{min-height:var(--touch-sm);font-size:13px;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--brand-accent);border:1px solid var(--brand-accent);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.btn-action:hover{background:var(--brand-accent-hover)}.btn-action.danger{background:var(--danger-color);border-color:var(--danger-color)}.btn-action.danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-action.success{background:var(--success-color);border-color:var(--success-color)}.btn-action.success:hover{background:var(--success-strong);border-color:var(--success-strong)}.btn-action:disabled{background:var(--slate-200);border-color:var(--slate-200);color:var(--slate-500);cursor:not-allowed}.label-center-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.label-form-panel,.label-preview-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px}.form-row-2,.form-row-3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.label-specific-fields{border-top:1px dashed var(--border-subtle);margin-top:12px;padding-top:12px}.form-actions,.label-action-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.form-actions>*,.label-action-row>*{flex:auto}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.preview-title{color:var(--text-main);font-size:13px;font-weight:700}.preview-id{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.svg-container{background:var(--slate-100);border:1px solid var(--border-subtle);border-radius:var(--r-sm);justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.svg-container svg{background:#fff;max-width:100%;height:auto}.zpl-viewer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;margin-bottom:6px;display:flex}.zpl-code-viewer{margin-top:4px}.zpl-raw-code{max-height:200px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--slate-100);background:var(--slate-900);border-radius:var(--r-sm);padding:11px 13px;font-size:11.5px;line-height:1.6;display:block;overflow:auto}.pdt-network-badge{min-height:30px;font-size:11.5px;font-weight:700;font-family:var(--font-sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.pdt-network-badge .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pdt-network-badge.online{background:var(--success-solid);color:var(--on-solid);border-color:var(--success-solid)}.pdt-network-badge.pending{background:var(--warning-solid);color:var(--on-solid);border-color:var(--warning-solid)}.pdt-network-badge.offline{background:var(--neutral-solid);color:var(--on-solid);border-color:var(--neutral-solid)}.pdt-network-badge.conflict{background:var(--danger-solid);color:var(--on-solid);border-color:var(--danger-solid)}.pdt-network-badge.pending .dot,.pdt-network-badge.conflict .dot{animation:1.8s ease-in-out infinite pulse-dot}.pdt-network-badge.syncing{opacity:.85}.conflict-tag{font-family:var(--font-mono);border-radius:var(--r-xs);background:var(--danger-color);color:#fff;padding:0 5px;font-weight:700}.cmd-bar .pdt-network-badge.online{color:#fff;background:#ffffff24;border-color:#ffffff47}.cmd-bar .pdt-network-badge.online .dot{background:#4ade80}.cmd-bar .pdt-network-badge.offline{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.offline-queue-modal{display:contents}.pulse{animation:1.8s ease-in-out infinite pulse-dot}.pdt-modal-backdrop{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pdt-modal-content{background:var(--bg-surface);border-radius:var(--r-lg);width:100%;max-width:940px;max-height:88vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.pdt-modal-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.pdt-modal-header h2,.pdt-modal-header h3{font-family:var(--font-brand);letter-spacing:-.1px;font-size:18px;font-weight:900}.pdt-modal-header>:first-child{flex:auto;min-width:0}.pdt-modal-header .close-btn{flex-shrink:0;margin-left:auto}.close-btn{border-radius:var(--r-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur) var(--ease);justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.close-btn:hover{background:var(--slate-100);color:var(--text-main)}.queue-summary-bar{background:var(--bg-surface-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;display:flex}.metric{flex-direction:column;gap:2px;display:flex}.metric .label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:700}.metric .value{font-family:var(--font-mono);color:var(--text-main);font-size:19px;font-weight:700;line-height:1.1}.queue-list-container{flex:1;min-height:140px;overflow:auto}.queue-table{border-collapse:collapse;width:100%;font-size:13px}.queue-table th{z-index:1;text-align:left;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface-subtle);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:9px 14px;font-size:10.5px;font-weight:700;position:sticky;top:0}.queue-table td{border-bottom:1px solid var(--panel-border-subtle);vertical-align:top;padding:11px 14px}.queue-table .timestamp,.queue-table .endpoint-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.endpoint-tag{word-break:break-all;margin-top:3px;display:block}.status-row-conflict_rejected{background:var(--danger-bg)}.status-row-conflict_rejected td:first-child{box-shadow:inset 3px 0 0 var(--danger-color)}.status-row-synced{opacity:.72}.error-cell{max-width:280px}.error-message{color:var(--danger-text);font-weight:500}.success-message{color:var(--success-text);font-weight:600}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:44px 20px;display:flex}.empty-icon{display:inline-flex}.pdt-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex}.alert{border-left:3px solid #0000;padding:11px 16px;font-size:13px;line-height:1.5}.alert-warning{background:var(--warning-solid);color:var(--on-solid);border-left-color:#ffffff73}.alert-warning strong{color:var(--on-solid)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger-color)}.small{font-size:11.5px}.bold{font-weight:700}.p-4{padding:18px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-sm{min-height:34px;padding:0 12px;font-size:12.5px}.btn-outline{background:var(--bg-surface);color:var(--slate-700);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--slate-100)}.btn-link{font-size:12.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 2px;text-decoration:underline}.badge-queued{background:var(--neutral-solid);color:var(--on-solid);border:1px solid var(--neutral-solid)}.badge-syncing{background:var(--info-solid);color:var(--on-solid);border:1px solid var(--info-solid)}.badge-synced{background:var(--success-solid);color:var(--on-solid);border:1px solid var(--success-solid)}.badge-conflict_rejected{background:var(--danger-solid);color:var(--on-solid);border:1px solid var(--danger-solid)}@media (width<=860px){.pdt-modal-backdrop{padding:0}.pdt-modal-content{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.queue-list-container{overflow-x:auto}.queue-table{min-width:620px}}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:12px;display:grid}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.form-grid-full{grid-column:1/-1}textarea.input-field{resize:vertical;min-height:84px;padding:10px 12px;line-height:1.5}.panel-title{font-family:var(--font-brand);color:var(--text-main);letter-spacing:-.1px;margin-bottom:6px;font-size:16px;font-weight:700}.step-title{color:var(--text-main);letter-spacing:-.1px;margin-bottom:10px;font-size:13px;font-weight:700}.commit-action{min-height:var(--touch-xl);width:100%;padding:0 22px;font-size:15px;font-weight:700}.decision-pair{flex-direction:column;gap:14px;margin-top:4px;display:flex}.decision-pair .decision-primary{min-height:var(--touch-xl);width:100%;font-size:15px;font-weight:700}.decision-destructive{border-top:1px dashed var(--border-strong);flex-direction:column;gap:8px;padding-top:13px;display:flex}.decision-destructive .btn-destructive{min-height:var(--touch-lg);width:100%;font-size:14px;font-weight:700;font-family:var(--font-sans);color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.decision-destructive .btn-destructive:hover{border-color:var(--danger-color);background:#fee2e2}.decision-destructive .btn-destructive:disabled{opacity:.5;cursor:not-allowed}.commit-bar{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.commit-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.login-submit{width:100%;min-height:var(--touch-md);margin-top:16px}.field-hint{color:var(--text-muted);text-align:center;min-height:16px;margin-top:6px;font-size:12px;font-weight:500;display:block}.pin-field-shell{min-height:var(--touch-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-content:center;align-items:center;padding:10px 14px;display:flex;position:relative}.pin-field-shell:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px #4f46e524}.pin-field-shell .pin-display{opacity:0;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute;inset:0;border:none!important}.pin-dots{pointer-events:none;justify-content:center;gap:10px;display:flex}.pin-dots[data-empty=true] .pin-dot{border-style:dashed}.pin-dot{border:2px solid var(--slate-300);background:var(--bg-surface);width:14px;height:14px;transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:50%}.pin-dot.filled{background:var(--brand-accent);border-color:var(--brand-accent);transform:scale(1.14)}.pin-dots.shake{animation:pin-shake .36s var(--ease)}.pin-dots.shake .pin-dot{border-color:var(--danger-color);background:var(--danger-bg)}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@media (width<=440px){.pin-dot{width:18px;height:18px}.pin-dots{gap:13px}}.pin-pad{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 6px;display:grid}.pin-btn{height:var(--touch-lg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--slate-800);font-family:var(--font-mono);cursor:pointer;transition:all var(--dur) var(--ease);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.pin-btn:hover{background:var(--slate-100);border-color:var(--slate-300)}.pin-btn:active{transform:scale(.97)}.pin-btn.clear{color:#dc2626;background:#fef2f2;border-color:#fecaca;font-size:14px}.pin-btn.clear:hover{background:#fee2e2}.pin-btn.ok{color:#059669;background:#ecfdf5;border-color:#a7f3d0;font-size:14px}.pin-btn.ok:hover{background:#d1fae5}.login-submit-btn{background-color:var(--brand-accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;width:100%;height:48px;transition:background var(--dur) var(--ease);border:none;margin-top:10px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #4f46e552}.login-submit-btn:hover{background-color:var(--brand-accent-hover)}.quick-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.preset-label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.preset-btn{min-height:32px;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-200);border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur) var(--ease);padding:5px 12px}.preset-btn:hover{background:var(--brand-accent-light);color:var(--brand-accent);border-color:var(--brand-accent-border)}.btn{border-radius:var(--r-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn-primary{box-shadow:0 1px 3px #4f46e540;background-color:var(--brand-accent)!important;color:#fff!important;border-color:var(--brand-accent)!important}.btn-primary:hover{background-color:var(--brand-accent-hover)!important;border-color:var(--brand-accent-hover)!important}.btn-secondary{background-color:var(--bg-surface)!important;color:var(--slate-700)!important;border-color:var(--slate-200)!important}.btn-secondary:hover{background-color:var(--slate-50)!important;border-color:var(--slate-300)!important}.input-field{font-family:var(--font-sans);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;font-size:13px;background-color:var(--bg-surface)!important;color:var(--slate-900)!important;border:1px solid var(--slate-200)!important;border-radius:var(--r-sm)!important}.input-field:focus{border-color:var(--brand-accent)!important;box-shadow:0 0 0 3px #4f46e51f!important}@media (width>=1600px){.kpi-val{font-size:34px}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.admin-heading{font-size:21px}}@media (width<=768px){#root{padding:12px 12px 32px}.global-app-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px;position:static}.header-left,.app-mode-selector{justify-content:space-between;width:100%}.mode-toggle-btn{flex:1;justify-content:center;padding:9px 8px;font-size:11px}.btn-logout{flex-shrink:0}.admin-card-section{padding:16px}.table-toolbar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between;width:100%;overflow-x:auto}.filter-btn{text-align:center;flex:1}.reconcile-banner{text-align:left;flex-direction:column;align-items:stretch}.btn-refresh{justify-content:center;width:100%}.section-header-row{flex-direction:column}.section-header-row .btn-refresh{width:100%}}@media (width<=440px){:root{--touch-xs:44px;--touch-sm:52px;--touch-md:56px;--touch-lg:60px;--touch-xl:68px;--touch-gap:10px}#root{padding:0}.app-wrapper{gap:0}.pdt-viewport{max-width:100%;box-shadow:none;border-left:none;border-right:none;border-radius:0;min-height:100vh}body{font-size:15px}.pdt-btn{font-size:15px;font-weight:700}.pdt-tab{min-width:96px;font-size:13px}.pin-btn{font-size:22px}.action-buttons{gap:var(--touch-gap);flex-direction:column}.action-buttons .pdt-btn{width:100%}input,select,.admin-input,.admin-select{min-height:var(--touch-md);font-size:16px}.pin-pad{gap:var(--touch-gap)}.login-card{max-width:100%;box-shadow:none;border:none;border-radius:0;min-height:100vh;margin:0;padding:24px 18px 32px}}@media (width<=540px){.kpi-grid{grid-template-columns:1fr;gap:12px}.admin-heading{font-size:19px}.kpi-val{font-size:30px}.pdt-viewport{border-radius:var(--r-md)}.field-grid{grid-template-columns:1fr}.brand-badge{padding:6px 10px 6px 7px}.brand-name{font-size:13px}.warehouse-badge,.user-session-badge span:not(.user-avatar-initials):not(.badge){display:none}.action-buttons{flex-direction:column}}@media (width<=380px){#root{padding:8px 8px 24px}.kpi-val{font-size:27px}.mode-toggle-btn span,.mode-toggle-btn{font-size:10.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=860px){.offline-status-badge,.pdt-network-badge{min-height:44px;padding:0 11px;font-size:10.5px}.reconcile-banner .btn-refresh{width:100%;min-height:var(--touch-sm);color:var(--success-solid);background:#fff;border-color:#fff;justify-content:center;font-weight:700}.reconcile-banner.unbalanced .btn-refresh{color:var(--danger-solid)}.reconcile-banner .btn-refresh:hover{background:var(--slate-100);border-color:var(--slate-100)}.reconcile-banner .btn-refresh svg{color:currentColor}}