@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--bg-gradient:radial-gradient(circle at 50% 0%, #fff 0%, #f4f5f7 60%);--surface:#fff;--surface-opaque:#fff;--surface-2:#f0f2f5;--surface-hover:#e9edf3;--border:#1018281a;--border-focus:#2f6df680;--text:#191c20;--text-dim:#586070;--text-dark:#fff;--bg-active:#eef1f5;--bg-card:#fff;--text-muted:#586070;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--accent:#2f6df6;--accent-glow:#2f6df624;--accent-dim:#255fe0;--brand:#ffcb05;--brand-ink:#b07d00;--green:#0a7a48;--green-glow:#0a7a481f;--green-border:#0a7a4866;--red:#d92d20;--red-glow:#d92d201f;--red-border:#d92d2066;--red-tint:#d92d200d;--amber-glow:#f59e0b26;--amber-border:#f59e0b66;--amber:#f59e0b;--amber-text:#b45309;--orange:#9a4a06;--orange-glow:#9a4a061f;--orange-border:#9a4a0666;--gap-under-1:#b45309;--gap-under-2:#c2410c;--gap-under-3:#b91c1c;--gap-over-1:#0369a1;--gap-over-2:#1d4ed8;--gap-over-3:#6d28d9;--blue:var(--accent);--blue-glow:var(--accent-glow);--radius:12px;--radius-lg:16px;--radius-sm:8px;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow:0 1px 2px #1018280f, 0 4px 12px #10182814;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 12px 32px #1018281f;--shadow-xl:0 24px 48px #10182829;--shadow-glow:0 6px 18px #2f6df61f;--shadow-brand:0 8px 32px #ffcb050f;--shadow-dropdown:0 4px 16px #00000026;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.45, 0, .15, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition:all var(--dur-base) var(--ease-out);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:12px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--bg-gradient:radial-gradient(circle at 50% 0%, #161c27 0%, #0e1116 60%);--surface:#161b24;--surface-opaque:#161b24;--surface-2:#1d232e;--surface-hover:#262d3a;--border:#ffffff1a;--border-focus:#5b8dff8c;--text:#e5e7eb;--text-dim:#9aa3b2;--text-dark:#0b1020;--bg-active:#1d232e;--bg-card:#161b24;--text-muted:#9aa3b2;--accent:#5b8dff;--accent-glow:#5b8dff2e;--accent-dim:#7aa2ff;--brand-ink:#ffcb05;--blue:var(--accent);--blue-glow:var(--accent-glow);--green:#34d399;--green-glow:#34d39929;--green-border:#34d39973;--red:#f87171;--red-glow:#f8717129;--red-border:#f8717173;--orange:#fbbf24;--orange-glow:#fbbf2429;--orange-border:#fbbf2473;--gap-under-1:#fcd34d;--gap-under-2:#fb923c;--gap-under-3:#f87171;--gap-over-1:#7dd3fc;--gap-over-2:#60a5fa;--gap-over-3:#c4b5fd;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 28px #00000073;--shadow-glow:0 6px 18px #5b8dff40;--shadow-brand:0 8px 32px #ffcb051a}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .mobile-topbar,:root[data-theme=dark] .login-card{background:#11151d}:root[data-theme=dark] th,:root[data-theme=dark] tr:hover td{background:#ffffff08}:root[data-theme=dark] .btn.secondary{background:var(--surface-2)}:root[data-theme=dark] .btn.secondary:hover{background:var(--surface-hover)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{touch-action:manipulation;scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--bg);background-image:var(--bg-gradient);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1018280a}::-webkit-scrollbar-thumb{background:#1018282e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2f6df673}html{scrollbar-width:thin}.app{height:100dvh;display:flex;overflow:hidden}}@layer components{.topbar{align-items:center;gap:var(--space-3);height:44px;min-height:44px;padding:0 var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);z-index:8;display:flex;position:relative}.topbar-search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:420px;color:var(--text-dim);cursor:text;transition:var(--transition);flex:1;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.topbar-search:hover{border-color:#1018282e}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}.topbar-search input{color:var(--text);font:inherit;background:0 0;border:none;outline:none;width:100%;min-height:auto;padding:0;font-size:13px}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-search kbd{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);white-space:nowrap;opacity:.6;border-radius:4px;padding:1px 5px;font-size:10px}.topbar-status{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar-status-item{color:var(--text-dim);align-items:center;gap:5px;font-size:11px;display:flex}.topbar-dropdown{background:var(--surface-opaque);border:1px solid var(--border);border-radius:var(--radius);z-index:50;width:420px;max-width:calc(100vw - 40px);animation:.15s ease-out slideDown;position:absolute;top:100%;left:20px;overflow:hidden;box-shadow:0 12px 32px #1018282e}.topbar-dropdown .nav-item{border-radius:0;margin:0;padding:10px 14px;font-size:13px}.topbar-dropdown .section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:8px 14px 4px;font-size:10px}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:240px;padding:var(--space-6) var(--space-4);z-index:10;flex-direction:column;flex-shrink:0;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:1px 0 #1018280a}.sidebar.collapsed{width:56px;padding:16px 8px}.sidebar.collapsed .brand{justify-content:center;padding:0 0 16px;font-size:0}.sidebar.collapsed .brand em,.sidebar.collapsed .brand .muted,.sidebar.collapsed [style*=section]{display:none}.sidebar.collapsed .nav-item{border-radius:8px;justify-content:center;margin-bottom:2px;padding:10px 6px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .spacer,.sidebar.collapsed .nav-item kbd{display:none}.sidebar-toggle{background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;opacity:1;z-index:12;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 1px 3px #0000001f}.sidebar-toggle:hover{background:var(--surface-hover);transform:scale(1.08);box-shadow:0 2px 8px #0000002e}.sidebar-toggle:active{transform:scale(.95)}.sidebar.collapsed .sidebar-toggle{left:12px}.brand{font-family:var(--font-display);padding:0 var(--space-3) var(--space-6);letter-spacing:.5px;align-items:center;gap:var(--space-2);padding-left:44px;font-size:20px;font-weight:800;display:flex}.brand em{color:var(--brand-ink);text-shadow:none;font-style:normal}.nav-item{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dim);margin-bottom:var(--space-1);text-align:left;width:100%;font:inherit;transition:var(--transition);background:0 0;border:none;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text);transform:translate(3px)}.nav-item.active{background:var(--accent-glow);color:var(--accent);border-left:3px solid var(--accent);box-shadow:none;font-weight:600}.hub-tab-strip{border-bottom:1.5px solid var(--border);scrollbar-width:none;gap:2px;margin-bottom:20px;padding:0 0 0 2px;display:flex;position:relative;overflow-x:auto}.hub-tab-strip::-webkit-scrollbar{display:none}.hub-tab-btn{cursor:pointer;font:inherit;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-1.5px;padding:9px 20px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s,background .15s}.hub-tab-btn:hover{color:var(--text);background:var(--surface-2)}.hub-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-glow);font-weight:700}.sidebar .spacer{flex:1}.sidebar-footer{border-top:1px solid var(--border);overscroll-behavior:contain;flex:0 auto;min-height:0;max-height:45%;margin-top:16px;padding-top:16px;overflow-y:auto}.sidebar>div:not(.sidebar-footer):has(>.nav-item){min-height:fit-content}.channel-status-widget{color:var(--text-dim);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:16px;padding:10px;font-size:12px;display:flex}.channel-status-row{justify-content:space-between;align-items:center;display:flex}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px}.status-dot.ok{color:var(--green);background:var(--green)}.status-dot.down{color:var(--red);background:var(--red)}.status-dot.warn{color:var(--orange);background:var(--orange)}.user-chip{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);color:var(--text-dim);padding:12px;font-size:12.5px}.user-chip b{color:var(--text);margin-bottom:2px;font-size:13.5px;display:block}.user-chip button{color:var(--accent);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px 0 0;font-size:12px;font-weight:500;text-decoration:none}.user-chip button:hover{color:var(--accent-dim);text-shadow:none}.main{min-height:0;padding:var(--space-8) var(--space-10);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.main>*{flex-shrink:0}.page-title{font-family:var(--font-display);margin-bottom:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:26px;font-weight:700;display:flex}.grid{gap:var(--space-5);display:grid}.stats-grid{margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#10182829}.card-sm{padding:var(--space-4)}.card-lg{padding:var(--space-8)}.card-flush{padding:0}.card-hoverable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card.accent-glow:after{content:"";background:linear-gradient(90deg, var(--accent), var(--blue));width:100%;height:3px;position:absolute;top:0;left:0}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600}.stat-value{font-family:var(--font-display);letter-spacing:-.5px;overflow-wrap:break-word;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;margin-top:10px;font-size:32px;font-weight:800;display:flex}.stat-value.warn{color:var(--orange);text-shadow:0 0 15px color-mix(in srgb, var(--orange) 15%, transparent)}.stat-value.bad{color:var(--red);text-shadow:0 0 15px color-mix(in srgb, var(--red) 15%, transparent)}.stat-value.good{color:var(--green);text-shadow:0 0 15px color-mix(in srgb, var(--green) 15%, transparent)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow);overflow:auto hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);z-index:5;font-size:11px;font-weight:600;position:sticky;top:0}:root[data-theme=dark] th{background:#1a2029}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.mono,.tnum{font-variant-numeric:tabular-nums}td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle;transition:var(--transition);font-size:13.5px}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background:#10182805}tr:nth-child(2n):hover td{background:#1018280d}tr:hover td{background:#fafbfc}tbody tr:hover{background:var(--bg-active)}th,td{transition:background .18s}tr.row-group td:first-child{padding-left:var(--space-5);position:relative}tr.row-group td:first-child:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}tr.row-group.group-green td:first-child:before{background:var(--green)}tr.row-group.group-orange td:first-child:before{background:var(--orange)}tr.row-group.group-red td:first-child:before{background:var(--red)}.sticky-col{z-index:3;background:var(--surface);position:sticky;left:0}.table-container .sticky-col{background:var(--surface)}tr:hover .sticky-col{background:var(--bg-active)}tr.row-oos td{opacity:.55;border-left:2px solid var(--red)}tr.row-oos:hover td{opacity:.7}.row-actions{opacity:0;transition:opacity .15s}tr:hover .row-actions{opacity:1}.row-actions-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:13px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.row-actions-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.row-actions-ellipsis{color:var(--text-dim);letter-spacing:1px;-webkit-user-select:none;user-select:none;font-size:13px}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge.awaiting_pick{color:var(--blue);background:#3b82f61a;border-color:#3b82f633}.badge.picking{color:var(--orange);background:#f59e0b1a;border-color:#f59e0b33}.badge.packing{color:#a16207;background:#eab3081a;border-color:#eab30833}.badge.fulfilled{background:color-mix(in srgb, var(--green) 10%, transparent);color:var(--green);border-color:color-mix(in srgb, var(--green) 20%, transparent)}.badge.cancelled{background:color-mix(in srgb, var(--red) 10%, transparent);color:var(--red);border-color:color-mix(in srgb, var(--red) 20%, transparent)}.badge.on_hold{color:var(--text-dim);background:#8e96aa1a;border-color:#8e96aa33}.badge.open{color:var(--blue);background:#3b82f61a;border-color:#3b82f633}.badge.complete{background:color-mix(in srgb, var(--green) 10%, transparent);color:var(--green);border-color:color-mix(in srgb, var(--green) 20%, transparent)}.badge.neutral{color:var(--text-dim);background:#1018280d;border-color:#0000}.badge.warning{color:var(--orange);background:#f59e0b1a;border-color:#f59e0b33}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.field-hint{color:var(--text-dim);font-size:11px;font-weight:500}.field-error{color:var(--red);font-size:11px;font-weight:600}.field-row{gap:var(--space-4);align-items:flex-start;display:flex}.field-row>*{flex:1}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font:inherit;transition:var(--transition);outline:none;padding:10px 14px;font-size:16px}@media (pointer:fine){input,select,textarea{font-size:13.5px}}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}.btn{background:var(--accent);color:var(--text-dark);border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font:inherit;justify-content:center;align-items:center;gap:var(--space-2);transition:var(--transition);white-space:nowrap;border:none;padding:10px 20px;font-size:13.5px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #2f6df640}.btn-sm{border-radius:6px;gap:6px;padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 12px #2f6df64d}.btn:active{transition-duration:var(--dur-fast);transform:translateY(0)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn.secondary:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.btn.danger{background:color-mix(in srgb, var(--red) 10%, transparent);color:var(--red);border:1px solid color-mix(in srgb, var(--red) 20%, transparent);box-shadow:none}.btn.danger:hover{background:color-mix(in srgb, var(--red) 20%, transparent);border-color:var(--red);box-shadow:0 4px 12px color-mix(in srgb, var(--red) 15%, transparent)}.btn.sm{border-radius:6px;padding:6px 12px;font-size:12.5px}.btn.ghost{color:var(--text-muted);box-shadow:none;background:0 0;border:none}.btn.ghost:hover{background:var(--surface-hover);color:var(--text);box-shadow:none;transform:none}.toolbar{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.toolbar input[type=text],.toolbar input[type=search]{min-width:280px}.modal-back{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);z-index:100;animation:fadeIn var(--dur-base) var(--ease-out);justify-content:center;align-items:flex-start;padding-top:2vh;display:flex;position:fixed;inset:0}.modal{background:var(--surface-opaque);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);width:580px;max-height:85vh;box-shadow:var(--shadow-xl);animation:scaleUp var(--dur-slow) var(--ease-spring);overflow-y:auto}.modal-sm{width:420px}.modal-lg{width:720px}.modal h2{font-family:var(--font-display);margin-bottom:18px;font-size:20px}.modal-card{background:var(--surface-opaque);border:1px solid var(--border);border-radius:var(--radius-lg);width:580px;max-width:90vw;max-height:95vh;animation:scaleUp var(--dur-slow) var(--ease-spring);flex-direction:column;padding:0;display:flex;box-shadow:0 24px 64px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:700}.modal-body{flex:1;padding:12px 20px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.form-grid .full{grid-column:1/-1}.form-grid label{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-grid input,.form-grid select{width:100%}}@layer utilities{.flex-row{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-xs{gap:6px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:24px}.drawer-back{background:var(--glass-bg);-webkit-backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--dur-base) var(--ease-out);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface-opaque);border-left:1px solid var(--border);width:480px;height:100%;animation:slideInRight var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;box-shadow:-12px 0 40px #1018282e}.drawer-sm{width:380px}.drawer-lg{width:600px}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-header h2{font-family:var(--font-display);font-size:22px;font-weight:700}.drawer-close{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.drawer-close:hover{background:var(--surface-2);color:var(--text)}.login-wrap{background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%, #2f6df60f 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #ffcb050a 0%, transparent 50%), radial-gradient(circle at 50% 30%, var(--surface) 0%, var(--bg-active) 100%);height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:380px;padding:40px 36px 36px;position:relative;overflow:hidden;box-shadow:0 20px 48px #1018281f,0 4px 12px #1018280f}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--brand), var(--accent));height:4px;position:absolute;top:0;left:0;right:0}.login-card h1{font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.login-card p{color:var(--text-dim);margin-bottom:28px;font-size:14px}.pin-display{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:8px;height:62px;color:var(--accent);justify-content:center;align-items:center;gap:18px;margin-bottom:20px;padding:16px;font-size:24px;font-weight:700;display:flex}.pin-dot{border:2px solid var(--text-muted);width:14px;height:14px;transition:var(--transition);border-radius:50%}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.pin-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);height:60px;font-size:20px;font-family:var(--font-display);cursor:pointer;transition:var(--transition);font-weight:600}.pin-btn:hover:not(:disabled){background:var(--surface-hover);border-color:#1018282e;transform:scale(1.03)}.pin-btn:active:not(:disabled){background:var(--accent-glow);border-color:var(--accent);color:var(--accent);transform:scale(.97)}.pin-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.offline-banner{color:#fff;text-align:center;box-shadow:0 4px 12px color-mix(in srgb, var(--red) 20%, transparent);background:linear-gradient(90deg,#ef4444,#b91c1c);justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:13.5px;font-weight:600;animation:.3s ease-out slideDown;display:flex}.offline-banner button{color:#fff;cursor:pointer;text-transform:uppercase;background:#fff3;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.offline-banner button:hover{color:#b91c1c;background:#fff}.toast{top:calc(56px + env(safe-area-inset-top,0px));z-index:1000;color:#f5f7fa;border:1px solid var(--glass-border);border-left:4px solid var(--green);border-radius:var(--radius);animation:slideInDown var(--dur-slow) var(--ease-out);background:#1f2430;align-items:center;gap:12px;max-width:420px;padding:14px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;right:24px;box-shadow:0 12px 32px #10182847}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.toast.leaving{animation:toastOut var(--dur-base) var(--ease-in) both}.toast .toast-action{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:none;border-radius:5px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600}.toast .toast-action:hover{background:#ffffff38}.toast .toast-countdown{opacity:.5;margin-left:4px;font-size:11px}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tabEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-enter{animation:tabEnter var(--dur-base) var(--ease-out)}::view-transition-old(root){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-in-out)}::view-transition-new(root){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-in-out)}.stat-card-compact .card{padding:14px 16px}.stat-card-compact .stat-value{font-size:26px}.stat-card-compact .stat-label{letter-spacing:1px;font-size:10px}.stat-card-compact .stats-grid{gap:12px}.briefing-compact{font-size:13px;padding:10px 16px!important}.briefing-compact>span:first-child{display:none}.briefing-compact [style*="flex: 1"]>div:first-child{font-size:13px!important;font-weight:600!important}.briefing-compact [style*="flex: 1"]>div:last-child{display:none}.density-compact td{padding:6px 12px;font-size:12px}.density-compact th{letter-spacing:.5px;padding:8px 12px;font-size:10px}.density-compact .toolbar{gap:8px;padding:8px 12px}.confirm-overlay{z-index:200;animation:fadeIn var(--dur-fast) var(--ease-out);background:#03040899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{background:var(--surface-opaque);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-width:92vw;animation:scaleUp var(--dur-base) var(--ease-spring);padding:24px;box-shadow:0 20px 48px #0006}.confirm-box h3{margin-bottom:8px;font-size:16px;font-weight:700}.confirm-box p{color:var(--text-dim);margin-bottom:18px;font-size:13px;line-height:1.5}@keyframes popIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.copy-pop{color:var(--green);font-size:12px;font-weight:700;animation:.3s ease-out popIn}.stock-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.stock-dot.in-stock{background:var(--green);box-shadow:0 0 6px var(--green)}.stock-dot.low{background:var(--orange);box-shadow:0 0 6px var(--orange)}.stock-dot.oos{background:var(--red);box-shadow:0 0 6px var(--red)}:root[data-theme=dark] .sidebar.collapsed .nav-item:hover{background:var(--surface-hover)}:root[data-theme=dark] .sidebar-toggle{background:var(--surface-2);border-color:var(--border)}.row-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}tr:hover .row-actions{opacity:1}.skel-row{align-items:center;gap:16px;padding:12px 18px;display:flex}.skel-cell{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.3s infinite shimmer}.skel-cell.wide{flex:1}.skel-cell.med{width:120px}.skel-cell.narrow{width:60px}.skel-cell.thumb{width:44px;height:60px}.palette-back{animation:fadeIn var(--dur-fast) var(--ease-out)}.cmd-palette .nav-item{border-radius:8px;padding:10px 14px;font-size:13px}.cmd-palette .nav-item kbd{font-family:var(--font-mono);opacity:.5;margin-left:auto;font-size:11px}.muted{color:var(--text-dim)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px}.empty{text-align:center;color:var(--text-dim);padding:48px}.pager{color:var(--text-dim);justify-content:flex-end;align-items:center;gap:8px;padding-top:16px;font-size:13px;display:flex}.row-flex{align-items:flex-start;gap:20px;display:flex}.timeline{flex-direction:column;gap:16px;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:4px}.timeline-item{position:relative}.timeline-dot{background:var(--text-dim);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-20px}.timeline-dot.sent{background:var(--green)}.timeline-dot.failed{background:var(--orange)}.timeline-dot.dead{background:var(--red)}.timeline-dot.pending{background:var(--blue)}.timeline-content{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px}.skeleton{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 50%,#eef0f3 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes flashUp{0%{background:var(--green-glow)}to{background:0 0}}@keyframes flashDown{0%{background:var(--red-glow)}to{background:0 0}}.flash-up{border-radius:6px;animation:.7s ease-out flashUp}.flash-down{border-radius:6px;animation:.7s ease-out flashDown}@keyframes popCheck{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.saved-check{color:var(--green);font-weight:800;animation:.4s ease-out popCheck;display:inline-block}.skel-line{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.3s infinite shimmer}.skel-thumb{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;width:44px;height:60px;animation:1.3s infinite shimmer}.thumb-skel:after{content:"";background:linear-gradient(90deg, transparent 25%, var(--surface-hover) 50%, transparent 75%);opacity:.6;pointer-events:none;background-size:200% 100%;animation:1.3s infinite shimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.thumb-skel:after{animation:none}}.empty-state{text-align:center;color:var(--text-dim);padding:56px 24px}.empty-state .ico{opacity:.5;margin-bottom:12px;font-size:44px}.empty-state h3{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.empty-state p{font-size:13px}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;padding:10px 16px;display:none;position:sticky;top:0}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-topbar{display:flex}.app{flex-direction:column}.sidebar{z-index:30;width:280px;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px}.sidebar.open{left:0}.sidebar-overlay{display:block}.desktop-brand{display:none!important}.app>div:last-child{height:auto;overflow-y:auto}.main{gap:16px;padding:16px 14px}.page-title{flex-wrap:wrap;font-size:21px}}@media (width<=1100px) and (width>=769px){.main{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}.nav-item:hover,.btn:hover,.premium-stat-card:hover,.premium-product-card:hover,.premium-img-container img:hover,.card-hoverable:hover{transform:none!important}.spinner{opacity:.6;animation:none!important}}.skip-link{background:var(--accent);color:var(--text-dark);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:9999;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:8px}.skip-link:focus{outline:3px solid var(--accent-glow);outline-offset:2px;top:0}:focus:not(:focus-visible){outline:none}@media (forced-colors:active){.btn{border:2px solid buttontext}.card,.table-container{border:1px solid canvastext}.badge{border:1px solid buttontext}.status-dot,.stock-dot{forced-color-adjust:none}.sidebar{border-right:2px solid canvastext}.toolbar{border:2px solid canvastext}input,select,textarea{border:2px solid buttontext}.offline-banner{forced-color-adjust:none;color:marktext;background:mark}.toast{border:2px solid canvastext}.drawer{border-left:2px solid canvastext}.modal-back,.confirm-overlay{background:canvas}.modal-card,.confirm-box,.drawer{border:2px solid canvastext}.pin-btn{border:2px solid buttontext}.hub-tab-btn.active{border-bottom:3px solid highlight}th{border-bottom:2px solid canvastext}td{border-bottom:1px solid canvastext}.nav-item.active{border-left:3px solid highlight}.premium-filter-details{border:1px solid canvastext}.select,.topbar-search{border:1px solid buttontext}.skip-link{border:2px solid buttontext}.card.accent-glow:after{background:highlight}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:4px 8px calc(4px + env(safe-area-inset-bottom,0)) 8px;z-index:25;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -1px 8px #1018280f}.bottom-nav-btn{cursor:pointer;min-width:56px;min-height:44px;color:var(--text-dim);font:inherit;transition:var(--transition);background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:6px 10px;font-size:10px;font-weight:500;display:flex}.bottom-nav-btn.active{color:var(--accent);background:var(--accent-glow);border-bottom:2.5px solid var(--accent);border-radius:8px 8px 2px 2px;font-weight:600}.bottom-nav-btn:hover{color:var(--text)}@media (width<=768px){.bottom-nav{display:flex}.main{padding-bottom:calc(24px + 68px + env(safe-area-inset-bottom,0))}.table-container-mobile-cards table,.table-container-mobile-cards thead,.table-container-mobile-cards tbody,.table-container-mobile-cards tr,.table-container-mobile-cards th,.table-container-mobile-cards td{display:block}.table-container-mobile-cards thead{display:none}.table-container-mobile-cards tr{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--surface);box-shadow:var(--shadow-sm)}.table-container-mobile-cards tr:hover{background:var(--surface)}.table-container-mobile-cards td{padding:var(--space-1) 0;justify-content:space-between;align-items:center;gap:var(--space-2);border:none;font-size:13px;display:flex}.table-container-mobile-cards td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;font-size:10px;font-weight:700}.table-container-mobile-cards td:last-child{border-bottom:none}.table-container-mobile-cards .table-container table{display:table}.table-container-mobile-cards .table-container thead{display:table-header-group}.table-container-mobile-cards .table-container tbody{display:table-row-group}.table-container-mobile-cards .table-container tr{display:table-row}.table-container-mobile-cards .table-container th,.table-container-mobile-cards .table-container td{display:table-cell}.table-container-mobile-cards .table-container tr{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.table-container-mobile-cards .table-container tr:hover{background:0 0}.table-container-mobile-cards .table-container td{border:1px solid var(--border);padding:6px 8px;font-size:12px;display:table-cell}.table-container-mobile-cards .table-container td:before{content:none}}button,.btn,.nav-item,.pin-btn,.bottom-nav-btn,.hub-tab-btn,.premium-tab,[role=tab],[role=button]{min-height:44px}.btn.sm{min-height:36px}input,select,textarea{min-height:40px}@media (width<=768px){.modal-card,.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;margin:0;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp;bottom:0;left:0;right:0;width:100%!important;max-width:100%!important;position:fixed!important}.modal-back{padding-bottom:env(safe-area-inset-bottom,0);align-items:flex-end}.drawer{width:100%!important;max-width:100%!important}}.tap-btn-lg{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-width:56px;min-height:56px;font:inherit;color:var(--text);transition:var(--transition);justify-content:center;align-items:center;padding:10px 20px;font-size:16px;font-weight:700;display:inline-flex}.tap-btn-lg.tap-sold{color:var(--green);border-color:var(--green)}.tap-btn-lg.tap-sold:hover{background:var(--green-glow)}.tap-btn-lg.tap-sold:active{background:var(--green);color:#fff}.tap-btn-lg.tap-picked{color:var(--accent);border-color:var(--accent)}.tap-btn-lg.tap-picked:hover{background:var(--accent-glow)}.tap-btn-lg.tap-picked:active{background:var(--accent);color:#fff}.tap-btn-lg.tap-cancel{color:var(--red);border-color:var(--red)}.tap-btn-lg.tap-cancel:hover{background:var(--red-glow)}.receiving-mode .receiving-scan-area{background:var(--surface-2);border:2px dashed var(--accent);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:24px;display:flex}.receiving-mode .receiving-scan-area:hover{background:var(--accent-glow);border-color:var(--accent)}.offline-queue-badge{background:var(--orange);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.offline-queue-badge:empty{display:none}@media (width>=769px) and (width<=1100px){.wall-tablet-mode .stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.wall-tablet-mode .card{padding:14px 16px}.wall-tablet-mode .stat-value{font-size:24px}.wall-tablet-mode .page-title{font-size:20px}}.orientation-hint{color:#fff;z-index:9999;text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:18px;font-weight:600;display:none;position:fixed;inset:0}@media (orientation:portrait) and (width<=640px){.orientation-hint.show{display:flex}}.theme-announce{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.main{padding-left:max(env(safe-area-inset-left,0px), var(--space-10));padding-right:max(env(safe-area-inset-right,0px), var(--space-10))}.sidebar{padding-top:env(safe-area-inset-top,24px);padding-bottom:env(safe-area-inset-bottom,14px)}.app{padding-bottom:env(safe-area-inset-bottom,0px)}.modal-footer,.drawer-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media (pointer:coarse){.btn{min-height:44px}.btn.sm{min-height:44px;padding:10px 14px}a,[role=button]{align-items:center;min-height:44px;display:inline-flex}input,select,textarea{min-height:44px;font-size:16px!important}.nav-item{padding:13px 14px}.pin-btn{height:64px}.mobile-menu-btn,.topbar-status-item,.btn.sm{min-width:44px}.sidebar-toggle{width:44px;height:44px}.sidebar.collapsed .sidebar-toggle{left:6px}.login-card{flex-direction:column;justify-content:center;min-height:100dvh;display:flex;width:100%!important;max-width:100%!important;box-shadow:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.table-container{scrollbar-width:thin}}.modal-back,[role=dialog]{overscroll-behavior:contain}@media (width>=641px) and (width<=900px){.main{padding:20px 18px}}@supports (padding:env(safe-area-inset-top)){.sidebar{padding-left:max(14px, env(safe-area-inset-left));padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.main{padding-right:max(40px, env(safe-area-inset-right));padding-bottom:max(32px, env(safe-area-inset-bottom))}.toast{right:calc(32px + env(safe-area-inset-right))}.drawer{padding-top:max(32px, env(safe-area-inset-top));padding-bottom:max(32px, env(safe-area-inset-bottom))}@media (width<=768px){.mobile-topbar{padding-top:calc(10px + env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.sidebar{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.main{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));padding-bottom:calc(24px + 68px + env(safe-area-inset-bottom,0px))}.offline-banner{padding-top:calc(10px + env(safe-area-inset-top))}}}@media (width>=641px) and (width<=900px){.main{padding:20px 18px}table{min-width:600px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.modal{padding:20px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:12px}th,td{padding:6px 8px}.stat-grid{grid-template-columns:1fr;gap:8px}.toolbar,[style*=flex-wrap]{gap:6px}.page-title{font-size:20px}}.premium-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .25s;display:flex;position:relative;overflow:hidden}.premium-stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 50%);height:100%;position:absolute;top:0;left:0;right:0}.premium-stat-card:after{content:"";background:0 0;width:100%;height:4px;transition:background .25s;position:absolute;top:0;left:0}.premium-stat-card.reorder:after{background:var(--orange)}.premium-stat-card.unpriced:after{background:var(--accent)}.premium-stat-card.low-stock:after{background:#eab308}.premium-stat-card.out-of-stock:after{background:var(--red)}.premium-stat-card:hover{border-color:#2f6df633;transform:translateY(-4px);box-shadow:0 16px 40px #0000001a,0 4px 12px #0000000f}.premium-stat-card.reorder:hover{border-color:var(--orange);box-shadow:0 16px 40px var(--orange-glow), 0 4px 12px #0000000f}.premium-stat-card.unpriced:hover{border-color:var(--accent);box-shadow:0 16px 40px var(--accent-glow), 0 4px 12px #0000000f}.premium-stat-card.low-stock:hover{border-color:#eab308;box-shadow:0 16px 40px #eab30826,0 4px 12px #0000000f}.premium-stat-card.out-of-stock:hover{border-color:var(--red);box-shadow:0 16px 40px var(--red-glow), 0 4px 12px #0000000f}.premium-tab-bar{background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.premium-tab{cursor:pointer;border-radius:var(--radius);color:var(--text-dim);background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.premium-tab:hover{background:var(--surface-hover);color:var(--text)}.premium-tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.premium-filter-details{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.premium-filter-details:hover{border-color:#2f6df64d}.premium-filter-details summary{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12.5px;font-weight:700;list-style:none;display:flex}.premium-filter-details summary::-webkit-details-marker{display:none}.premium-filter-details summary:after{content:"▾";opacity:.6;font-size:12px;transition:transform .2s}.premium-filter-details[open] summary:after{transform:rotate(180deg)}.premium-filter-content{flex-direction:column;gap:8px;padding:0 14px 14px;display:flex}.premium-product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.premium-product-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 16px 40px #00000029}.premium-product-card.selected{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent), 0 12px 32px var(--accent-glow)}.premium-img-container{aspect-ratio:4/5;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#00000003 0%,#0000000a 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.premium-img-container img{object-fit:contain;cursor:zoom-in;width:100%;height:100%;padding:16px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.premium-product-card:hover .premium-img-container img{transform:scale(1.08)}.premium-card-action-overlay{opacity:0;z-index:4;background:linear-gradient(#0000 0%,#000000b3 100%);justify-content:center;padding:16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.premium-product-card:hover .premium-card-action-overlay{opacity:1;transform:translateY(0)}.premium-pill-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.premium-sidebar-label{cursor:pointer;color:var(--text);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .15s,color .15s;display:flex}.premium-sidebar-label:hover{background:var(--surface-hover)}.premium-sidebar-label input[type=radio],.premium-sidebar-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.premium-pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.premium-pulse-dot:after{content:"";background:inherit;opacity:.4;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite premiumPulse;position:absolute;top:-2px;left:-2px}@keyframes premiumPulse{0%{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1)}}.premium-health-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffff0a;border-radius:20px;align-items:center;gap:16px;padding:6px 16px;display:flex}.premium-queue-chip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-family:inherit;font-size:12.5px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex}.premium-queue-chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.premium-queue-chip.urgent{background:color-mix(in srgb, var(--red) 5%, transparent);border-color:color-mix(in srgb, var(--red) 25%, transparent)}.premium-queue-chip.urgent:hover{border-color:var(--red);box-shadow:0 6px 16px var(--red-glow)}.premium-queue-count{color:var(--accent);font-size:16px;font-weight:800;white-space:nowrap!important}.premium-queue-chip.urgent .premium-queue-count{color:var(--red)}.premium-queue-chip.chip-expanded{border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.premium-reconcile-bar-container{background:var(--surface-2);border-radius:4px;width:100%;height:8px;display:flex;position:relative;overflow:hidden}.premium-reconcile-bar-local{background:var(--accent);height:100%;transition:width .3s}.premium-reconcile-bar-channel{background:var(--green);height:100%;transition:width .3s}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main>*{animation:page-enter var(--dur-base) var(--ease-out)}.hub-tab-btn{position:relative}.hub-tab-btn:after{content:"";inset-inline:20%;background:var(--accent);height:2px;transition:transform var(--dur-fast) var(--ease-out);border-radius:2px;position:absolute;bottom:-1.5px;transform:scaleX(0)}.hub-tab-btn.active:after{transform:scaleX(1)}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.drawer-panel{animation:drawer-slide-in var(--dur-slow) var(--ease-out) both}.drawer-panel.closing{animation:drawer-slide-out var(--dur-base) var(--ease-in) both}@keyframes filter-slide-in{0%{opacity:0;transform:translate(-110%)}to{opacity:1;transform:translate(0)}}.filter-sidebar{animation:filter-slide-in var(--dur-base) var(--ease-out) both}@keyframes modal-fade-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card,.cmd-palette,.card.cmd-palette{animation:modal-fade-up var(--dur-base) var(--ease-out) both}:root{--scrollbar-thumb:#78788c59;--scrollbar-thumb-hover:#78788c99;--scrollbar-track:transparent}:root[data-theme=dark]{--scrollbar-thumb:#c8c8dc2e;--scrollbar-thumb-hover:#c8c8dc61}*,:before,:after{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1.5px solid #0000;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--red) 55%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--red) 0%, transparent)}}@keyframes pulse-orange{0%,to{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 6px #f59e0b00}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 40%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 0%, transparent)}}.status-dot.pulse-red{animation:2s ease-in-out infinite pulse-red}.status-dot.pulse-orange{animation:2s ease-in-out infinite pulse-orange}.status-dot.pulse-green{animation:3s ease-in-out infinite pulse-green}.metric-warning-badge{letter-spacing:.03em;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.metric-warning-badge.critical{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);border:1px solid color-mix(in srgb, var(--red) 30%, transparent);animation:2s ease-in-out infinite pulse-red}.metric-warning-badge.warning{color:var(--orange);background:#f59e0b1a;border:1px solid #f59e0b40}.metric-warning-badge.ok{background:color-mix(in srgb, var(--green) 10%, transparent);color:var(--green);border:1px solid color-mix(in srgb, var(--green) 22%, transparent)}button:not(:disabled):active,.btn:not(:disabled):active{transition:transform 80ms cubic-bezier(.4,0,.2,1);transform:scale(.96)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 37%, var(--surface-2) 63%);border-radius:var(--radius-sm);background-size:600px 100%;animation:1.4s ease-in-out infinite shimmer}.nav-item{transition:background .15s,color .15s,transform .15s,border-color .15s}.sidebar{transition:width .22s cubic-bezier(.4,0,.2,1)}@keyframes badge-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.topbar .hub-badge{animation:.18s cubic-bezier(.34,1.56,.64,1) both badge-pop}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.metric-value{font-size:24px!important;font-weight:800!important;font-family:var(--font-display)!important;line-height:1.1!important}.metric-label{text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--text-dim)!important;font-size:11px!important;font-weight:600!important}.form-error-banner{background:var(--red-glow);border:1px solid var(--red);border-radius:var(--radius-sm);color:var(--red);align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:600;animation:.2s ease-out slideDown;display:flex}.invoice-line-incomplete{border-left:3px solid var(--orange)!important}.invoice-line-warning{color:var(--orange);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex}@keyframes save-flash{0%{box-shadow:0 0 0 0 var(--green-glow)}50%{box-shadow:0 0 0 8px #0f8a5200}to{box-shadow:0 0 #0f8a5200}}.save-success-flash{animation:.6s ease-out save-flash}.stock-low{color:var(--orange)!important;font-weight:700!important}.stock-out{color:var(--red)!important;font-weight:700!important}.stock-ok{color:var(--green)!important;font-weight:600!important}.low-stock-row td{opacity:.85}.low-stock-row{border-left:3px solid var(--orange)!important}.sticky-thead th{z-index:10;background:var(--surface);position:sticky;top:0}.search-input-focus{transition:box-shadow .2s,border-color .2s}.search-input-focus:focus{box-shadow:0 0 0 3px var(--accent-glow);outline:none;border-color:var(--accent)!important}.empty-state-illustration{opacity:.5;transition:opacity .3s}:root[data-theme=dark] .empty-state-illustration{opacity:.3}.page-enter{animation:.22s cubic-bezier(.4,0,.2,1) pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cmd-selected{border-left:3px solid var(--accent);font-weight:600;background:var(--accent-glow)!important;color:var(--accent)!important}.bottom-nav-btn.active svg,.bottom-nav-btn.active span,.bottom-nav-btn.active svg *{color:var(--accent);fill:var(--accent)}.sidebar .nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sidebar .nav-item{position:relative}.sidebar.collapsed .nav-item.active:before{top:4px;bottom:4px;left:2px}.search-clear-btn{background:var(--surface-2);width:20px;height:20px;color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:background .15s;display:inline-flex}.search-clear-btn:hover{background:var(--surface-hover);color:var(--text)}.quick-scan-fab{right:20px;bottom:calc(80px + env(safe-area-inset-bottom,0));z-index:30;background:var(--accent);width:56px;height:56px;color:var(--text-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;box-shadow:0 4px 16px #2f6df659}.quick-scan-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #2f6df673}.quick-scan-fab:active{transform:scale(.95)}@media (width>=769px){.quick-scan-fab{display:none}}.table-loading-overlay{min-height:120px;position:relative}.table-loading-overlay:after{content:"";background:var(--surface);opacity:.6;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-token-group summary{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);-webkit-user-select:none;user-select:none;padding:6px 0;font-size:12px;font-weight:700}.settings-token-group[open] summary{color:var(--accent)}.select-search-input{background:var(--bg-active);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;margin-bottom:4px;padding:5px 10px;font-size:12px}.select-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.btn,button:not([class*=radius]){border-radius:var(--radius-sm)!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (width<=1200px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:12px!important}}@media (width<=768px){.responsive-grid{grid-template-columns:1fr!important}.hide-on-mobile{display:none!important}.full-width-mobile{width:100%!important}}@keyframes reconcile-glow{0%{box-shadow:0 0 4px var(--accent-glow)}50%{box-shadow:0 0 12px var(--accent-glow), 0 0 24px var(--accent-glow)}to{box-shadow:0 0 4px var(--accent-glow)}}.reconcile-bar-glow{animation:2s ease-in-out infinite reconcile-glow}.upc-exact-match{background:var(--green-glow)!important;border-left:3px solid var(--green)!important}.collapsed-actions:hover,.collapsed-actions:focus-within{background:var(--surface-hover);border-color:var(--accent)}@keyframes check-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.check-confirmed{color:var(--green);font-weight:900;animation:.3s cubic-bezier(.34,1.56,.64,1) both check-pop}.filter-tag{background:var(--bg-active);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.filter-tag:hover{background:var(--red-glow);border-color:var(--red)}.filter-tag .remove-x{opacity:.5;font-size:14px;line-height:1}.filter-tag:hover .remove-x{opacity:1;color:var(--red)}.test-data-badge{background:var(--orange-glow);border:1px solid var(--orange);text-transform:uppercase;letter-spacing:.08em;color:var(--orange);border-radius:4px;padding:2px 8px;font-size:9px;font-weight:800;display:inline-block}@media (width<=768px){.btn,button{word-break:break-word;white-space:normal!important}body:not(.pp-warehouse) .btn,body:not(.pp-warehouse) button{font-size:12px!important}.hub-tab-btn,.report-tab-btn,.filter-pill-btn{white-space:nowrap!important}.topbar-status-conn{display:none!important}.topbar-search{min-width:0;overflow:hidden}.topbar-search kbd{display:none}.topbar-new-btn{white-space:nowrap!important}.topbar-ai-btn .topbar-btn-label{display:none}.grid{grid-template-columns:1fr!important}div[style*="position: fixed"][style*=inset]>.card{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}div[style*="position: fixed"][style*=inset][style*="align-items: center"]{align-items:flex-start!important;padding:16px 0!important;overflow-y:auto!important}.settings-layout{flex-direction:column}.settings-sidebar{width:100%!important}.settings-sidebar-list{overflow-x:auto;flex-direction:row!important;gap:4px!important;position:static!important}.settings-sidebar-list button{flex-shrink:0;white-space:nowrap!important;width:auto!important}}.collapsible-card summary{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);padding:10px 16px;font-size:13px;font-weight:700;transition:color .15s}.collapsible-card[open] summary{color:var(--text);border-bottom-color:var(--accent)}.collapsible-card .card-body{padding:16px}@media (width<=768px){.eod-summary-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.trades-layout-grid{grid-template-columns:1fr!important}}@keyframes skeleton-pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton-pulse{background:var(--border);animation:1.5s ease-in-out infinite skeleton-pulse}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (hover:none){.nav-item:hover,.hub-tab-btn:hover,.btn:hover,.btn.secondary:hover,.btn.danger:hover,.pin-btn:hover,.drawer-close:hover,.offline-banner button:hover,.filter-tag:hover,.premium-stat-card:hover,.card-hoverable:hover,.tap-btn-lg.tap-sold:hover,.tap-btn-lg.tap-picked:hover,.tap-btn-lg.tap-cancel:hover,.premium-stat-card:hover,.premium-product-card:hover,.premium-queue-chip:hover,.premium-filter-details:hover,.premium-sidebar-label:hover,.premium-tab:hover{transform:none!important}.card:hover{border-color:var(--border)!important;box-shadow:var(--shadow)!important}tr:hover td,tbody tr:hover,tr:nth-child(2n):hover td,tr.row-oos:hover td{background:inherit!important}.row-actions{opacity:1}.premium-img-container img{transform:none!important}.premium-card-action-overlay{opacity:0!important;transform:translateY(10px)!important}}}@media print{@page{margin:.5in;size:auto}body{font-size:11pt;line-height:1.4;color:#000!important;background:#fff!important}.sidebar,.mobile-topbar,.topbar,.bottom-nav,.offline-banner,.modal-back,.confirm-overlay,.toast,.drawer-back,.quick-scan-fab,.sidebar-overlay,.skip-link,.pull-indicator,.overlay{display:none!important}.app{height:auto!important;display:block!important;overflow:visible!important}.main{height:auto!important;padding:0!important;overflow:visible!important}.card,.table-container,.toolbar{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}th,td{color:#000!important;background:#fff!important;border:1px solid #ddd!important}th{background:#f5f5f5!important;position:static!important}tr:nth-child(2n) td{background:#fafafa!important}.badge{color:#000!important;background:0 0!important;border:1px solid #666!important}.btn{color:#000!important;box-shadow:none!important;background:0 0!important;border:1px solid #666!important}a[href]:after{content:" (" attr(href) ")";color:#666;font-size:9pt}a[href^=\#]:after,a[href^=javascript]:after{content:""}.status-dot,.stock-dot{display:none}*{color:#000!important;text-shadow:none!important;box-shadow:none!important;background:0 0!important}.no-print{display:none!important}.print-only{display:block!important}.page-break{page-break-before:always}}.print-only{display:none}@media (orientation:landscape) and (height<=500px){.topbar{padding:0 10px;height:36px!important;min-height:36px!important}.main{gap:8px;padding:8px 12px!important}.bottom-nav{display:none!important}.page-title{margin-bottom:2px;font-size:18px}.stat-value{font-size:22px}.stats-grid{gap:8px}th,td{padding:4px 6px;font-size:11px}td{font-size:12px}.toolbar{gap:6px;margin-bottom:8px;padding:8px 10px}.main{padding-bottom:env(safe-area-inset-bottom,4px)!important;padding-left:env(safe-area-inset-left,12px)!important;padding-right:env(safe-area-inset-right,12px)!important}.card{padding:10px 14px}input,select,textarea{padding:6px 10px}.mobile-topbar{min-height:36px;padding:4px 8px}.sidebar{padding-top:env(safe-area-inset-top,12px);padding-bottom:env(safe-area-inset-bottom,8px)}.modal-header{padding:12px 16px 10px}.modal-header h3{font-size:16px}.modal-body{padding:12px 16px}.modal-footer{padding:10px 16px 14px}.modal{padding:12px}.modal-card{padding:0}.drawer{gap:12px;padding:16px!important}.eod-summary-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}}.bottom-nav{touch-action:pan-x;overscroll-behavior:none}.bottom-nav-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (width<=768px){.sidebar{will-change:transform;transition:left .3s cubic-bezier(.4,0,.2,1),opacity .2s}.sidebar.swiping{opacity:.6;transition:none}.sidebar-overlay{touch-action:none}body.sidebar-open{overflow:hidden}}@media (width<=640px){body{font-size:14px}.page-title{font-size:20px}.page-title .subtitle{font-size:13px}.card{padding:14px 16px}.stat-label{letter-spacing:1px;font-size:10px}.stat-value{font-size:26px}td{font-size:13px}th{padding:8px 10px;font-size:10px}td{padding:8px 10px}input,select,textarea{padding:10px 12px;font-size:16px!important}.btn{padding:10px 16px;font-size:13px}.nav-item{padding:12px 14px;font-size:13.5px}.hub-tab-btn{padding:8px 12px;font-size:12.5px}.badge{font-size:10px}.modal h2{font-size:18px}.modal-header h3{font-size:16px}.drawer-header h2{font-size:18px}.premium-stat-card{padding:12px 14px}.premium-tab{padding:6px 12px;font-size:12px}.confirm-box h3{font-size:15px}.confirm-box p{font-size:13px}.premium-filter-details summary{padding:10px 12px;font-size:12px}.metric-value{font-size:20px!important}.metric-label{font-size:10px!important}}.drawer-close{position:relative}.drawer-close:after{content:"";border-radius:inherit;position:absolute;inset:-8px}.topbar-status-item{align-items:center;min-height:36px;display:inline-flex}.search-clear-btn{min-width:28px;min-height:28px}.row-actions-btn{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:inline-flex}.bottom-nav-btn{min-width:56px;min-height:44px;padding:8px 10px}.hub-tab-btn,.premium-tab{align-items:center;min-height:44px;display:inline-flex}.nav-item,button:not(.btn):not(.nav-item):not(.pin-btn):not(.bottom-nav-btn):not(.hub-tab-btn):not(.premium-tab):not(.search-clear-btn):not(.row-actions-btn):not(.sidebar-toggle):not(.drawer-close){min-height:44px}@media (pointer:fine){.btn.sm{min-height:32px}}.modal-overlay,[role=dialog]{overscroll-behavior:contain}.btn:active,button:active:not(.pin-btn):not(.nav-item){transition:transform 80ms var(--ease-out);transform:scale(.97)}.nav-item:active{transition:transform 80ms var(--ease-out);transform:translate(1px)}.hub-tab-btn:active{transition:transform 60ms var(--ease-out);transform:translateY(1px)}.collapsible-content{transition:max-height var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);overflow:hidden}.collapsible-content.collapsed{opacity:0;max-height:0}.collapsible-content.expanded{opacity:1;max-height:2000px}.toast{animation:toastIn var(--dur-base) var(--ease-spring) both}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast.leaving{animation:toastOut var(--dur-fast) var(--ease-in) forwards}@keyframes toastOut{to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes tabEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-enter{animation:tabEnter var(--dur-base) var(--ease-out)}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer{animation:drawerIn var(--dur-slow) var(--ease-out) both}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-card{animation:modalIn var(--dur-base) var(--ease-spring) both}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-block{background:linear-gradient(90deg, var(--border) 25%, var(--surface-2) 50%, var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmerSlide}@keyframes insightReveal{0%{opacity:0;max-height:0;margin-top:0}to{opacity:1;max-height:300px;margin-top:6px}}.insight-preview{animation:insightReveal var(--dur-base) var(--ease-out) both;overflow:hidden}@keyframes paletteIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cmd-palette{animation:paletteIn var(--dur-fast) var(--ease-out) both}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pulse-dot{animation:2s ease-in-out infinite pulse}@keyframes countPop{0%{transform:scale(1)}30%{transform:scale(1.08)}to{transform:scale(1)}}.count-pop{animation:countPop .4s var(--ease-spring) both}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;transition:outline-color .12s}:focus-visible:active{outline-color:var(--accent-dim)}body.pp-workspace .mobile-topbar,body.pp-workspace .sidebar,body.pp-workspace .sidebar-overlay,body.pp-workspace .topbar,body.pp-workspace .bottom-nav,body.pp-workspace .quick-scan-fab{display:none!important}body.pp-workspace .main{max-width:none;padding:calc(50px + env(safe-area-inset-top,0)) 10px calc(16px + env(safe-area-inset-bottom,0))!important}.pp-workspace-exit{top:calc(8px + env(safe-area-inset-top,0));z-index:1200;background:var(--surface);color:var(--text);border:1.5px solid var(--border);box-shadow:var(--shadow-md,0 4px 14px #0000002e);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;position:fixed;right:10px}body.pp-warehouse .mobile-topbar,body.pp-warehouse .sidebar,body.pp-warehouse .sidebar-overlay,body.pp-warehouse .topbar,body.pp-warehouse .bottom-nav,body.pp-warehouse .quick-scan-fab{display:none!important}body.pp-warehouse .main{max-width:none;padding:0!important}body.pp-warehouse .page-enter{animation:none}:root{--pp-1:4px;--pp-2:8px;--pp-3:12px;--pp-4:16px;--pp-5:24px;--pp-6:32px}.pp-page{gap:var(--pp-5);flex-direction:column;min-width:0;display:flex}.pp-page--enter{animation:pp-page-in var(--dur-base) var(--ease-out)}@keyframes pp-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pp-page--enter{animation:none}}.pp-head{justify-content:space-between;align-items:center;gap:var(--pp-4);flex-wrap:wrap;display:flex}.pp-head__actions{gap:var(--pp-2);display:flex}.pp-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--pp-2);font-size:11px;font-weight:600}.pp-pills{gap:var(--pp-2);flex-wrap:wrap;display:flex}.pp-pill{align-items:center;gap:var(--pp-2);background:var(--surface);border:1px solid var(--border);padding:6px var(--pp-3);color:var(--text-dim);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);border-radius:999px;font-size:12.5px;display:inline-flex}.pp-pill:hover{border-color:var(--border-focus,var(--border));background:var(--surface-2,var(--surface))}.pp-pill b{color:var(--text);font-variant-numeric:tabular-nums}.pp-pill__dot{border-radius:50%;width:7px;height:7px}.pp-pill__dot--info{background:var(--accent)}.pp-pill__dot--warn{background:var(--orange)}.pp-pill__dot--bad{background:var(--red)}.pp-pill__dot--good{background:var(--green)}.pp-pill--link{color:var(--accent);border-style:dashed}.pp-pill--warn{background:var(--red-glow);border-color:#ef444440}.pp-pill--warn b{color:var(--red)}.pp-pill--good{background:var(--green-glow);border-color:#10b98133}.pp-pill--good b{color:var(--green)}.pp-pill--active-info{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.pp-pill--active-info b{color:var(--accent)}.pp-pill--active-warn{background:var(--orange-glow);border-color:var(--orange);color:var(--orange)}.pp-pill--active-warn b{color:var(--orange)}.pp-pill--active-bad{background:var(--red-glow);border-color:var(--red);color:var(--red)}.pp-pill--active-bad b{color:var(--red)}.pp-pill--sm{padding:3px var(--pp-2);gap:5px;font-size:11px}.pp-tiles{gap:var(--pp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.pp-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pp-4);min-width:0}.pp-tile__k{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.pp-tile__v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:800}.pp-tile__sub{color:var(--text-dim);margin-top:2px;font-size:12px}.pp-tile--accent{border-color:var(--accent)}.pp-tile--good .pp-tile__v{color:var(--green)}.pp-tile--warn .pp-tile__v{color:var(--orange)}.pp-toolbar{align-items:center;gap:var(--pp-2);flex-wrap:wrap;display:flex}.pp-toolbar__grow{flex:1;min-width:180px}.pp-toolbar__spacer{flex:1}.pp-tablewrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.pp-table{border-collapse:collapse;width:100%}.pp-table thead th{background:var(--surface-2,var(--surface));text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:10px var(--pp-4);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;position:sticky;top:0}.pp-table tbody td{padding:var(--pp-3) var(--pp-4);border-bottom:1px solid var(--border);vertical-align:middle}.pp-table tbody tr:last-child td{border-bottom:0}.pp-table tbody tr:hover{background:var(--surface-2,var(--surface))}.pp-table__num{text-align:right;font-variant-numeric:tabular-nums}@media (width<=1080px){.pp-table .pp-col-optional{display:none}}@media (width<=720px){.pp-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pp-table,.pp-table tbody,.pp-table tr,.pp-table td{width:auto;display:block}.pp-table tbody tr{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--pp-3);padding:var(--pp-2);background:var(--surface)}.pp-table tbody td{padding:var(--pp-2) var(--pp-3);justify-content:space-between;align-items:center;gap:var(--pp-3);border:0;display:flex}.pp-table td[data-label]:before{content:attr(data-label);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;flex:none;font-size:11px}.pp-tablewrap{background:0 0;border:0;overflow:visible}}