:root{--bg:#05070a;--bg2:#181822;--bg3:#22222e;--border:#36364c;--accent:#22d3ee;--accent2:#3b82f6;--text:#dbeef4;--text2:#cfe9f0;--text3:#5b7e8b;--green:#34d399;--red:#f87171;--yellow:#f5b942;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Roboto, "Segoe UI", "Noto Sans", Arial, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Roboto, "Segoe UI", "Noto Sans", Arial, sans-serif;--glass:#16161f8c;--rail-bg:#0e0e16b8;--rail-anim:.28s cubic-bezier(.4, 0, .2, 1);--tap-min:36px;--glass-brd:#ffffff14;--glow:0 0 0 1px var(--glass-brd), 0 8px 30px #00000073;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--fs-display:22px;--fs-metric:26px;--fs-title:15px;--fs-body:13px;--fs-caption:12px;--fs-micro:11px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1400px 800px at 15% -10%, #22d3ee17, transparent 55%), radial-gradient(1200px 900px at 100% 100%, #3b82f61a, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-display);font-size:var(--fs-body);background-attachment:fixed;min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}h1{font-size:var(--fs-display);font-weight:700}h2{font-size:var(--fs-title);font-weight:700}.topbar-cluster{z-index:60;align-items:center;gap:10px;max-width:calc(100vw - 24px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.dock,.tb-island{background:var(--rail-bg);-webkit-backdrop-filter:blur(20px)saturate(1.3);border:1px solid var(--glass-brd);box-shadow:var(--glow);border-radius:999px}.dock{align-items:center;gap:4px;padding:6px;display:flex}.dock-item{height:44px;color:var(--text3);transition:color var(--rail-anim), background var(--rail-anim);border-radius:999px;justify-content:center;align-items:center;padding:0 13px;text-decoration:none;display:inline-flex;position:relative}.dock-item .dock-ico{flex-shrink:0;line-height:0;display:flex}.dock-item .dock-ico svg{width:20px;height:20px}.dock-item:hover{color:var(--text);background:#ffffff0f}.dock-item.active{color:var(--accent);background:#22d3ee24}.dock-lbl{opacity:0;white-space:nowrap;max-width:0;color:var(--text);font-family:var(--font);letter-spacing:.01em;margin-left:0;font-size:13px;font-weight:600;transition:max-width .25s cubic-bezier(.4,0,.2,1),margin-left .25s cubic-bezier(.4,0,.2,1),opacity .2s;display:inline-block;overflow:hidden}.dock-item.active .dock-lbl,.dock-item:hover .dock-lbl,.dock-item:focus-visible .dock-lbl{opacity:1;max-width:150px;margin-left:8px}.dock-item.active .dock-lbl{color:var(--accent)}@media (prefers-reduced-motion:reduce){.dock-lbl{transition:opacity 10ms linear}}.tb-island{align-items:center;gap:var(--sp-2);white-space:nowrap;height:44px;padding:0 14px;display:flex}.tb-brand{font-weight:700;font-size:var(--fs-title);letter-spacing:.02em}.tb-brand span{color:var(--accent)}.tb-who{line-height:1.15;font-size:var(--fs-caption);flex-direction:column;display:flex}.tb-role{color:var(--text3);font-size:var(--fs-micro)}.tb-actions{padding:0 8px}.connect-wrap{display:inline-flex;position:relative}.connect-err{z-index:5;border-radius:var(--radius-md);white-space:normal;width:max-content;max-width:min(340px,70vw);line-height:1.35;font-size:var(--fs-caption);color:var(--red);background:var(--bg2);box-shadow:var(--glow);border:1px solid #f8717166;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.page{padding:76px var(--sp-4) var(--sp-4);max-width:1900px}.page-wide{max-width:none}body{overflow-x:hidden}.auth-wrap{min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:340px;padding:var(--sp-4);box-shadow:var(--glow)}.auth-brand{font-weight:700;font-size:var(--fs-display);letter-spacing:.02em}.auth-brand span{color:var(--accent)}.page-head{align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.muted{color:var(--text3)}.sec{margin-top:var(--sp-4)}.sec-title{font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--text2);margin-bottom:var(--sp-2);align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.pill-tabbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill-tab{cursor:pointer;color:var(--text2);font-family:var(--font);font-size:var(--fs-body);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:7px 16px;font-weight:600;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.pill-tab:hover{color:var(--text);background:#ffffff0d}.pill-tab.active{color:var(--accent);background:#22d3ee1f;border-color:#22d3ee4d}.cgrid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.gcard{background:linear-gradient(165deg, #22d3ee0d, var(--glass));border-radius:var(--radius-lg);box-shadow:var(--glow);-webkit-backdrop-filter:blur(8px);border:1px solid #22d3ee29;padding:18px;transition:border-color .18s}.gcard:hover{border-color:#22d3ee66}.gcard-top{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.gcard-name{font-family:var(--font);font-size:15px;font-weight:700}.gcard-tag{font-family:var(--font);font-size:var(--fs-micro);border-radius:var(--radius-sm);color:#c4a8ff;text-transform:uppercase;letter-spacing:.5px;background:#7c3aed2e;padding:3px 7px}.gcard-meta{margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--text2)}.gcard-btn{width:100%;margin-top:var(--sp-3);cursor:pointer;font:600 13px/1 var(--font);color:var(--text);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:8px;padding:8px 12px;transition:background .15s,border-color .15s,color .15s}.gcard-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#05070a}.gcard.current .gcard-btn{border-color:var(--accent);color:var(--accent);background:#22d3ee24}.gcard-btn:disabled{opacity:.35;cursor:not-allowed}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-3);box-shadow:var(--glow)}input,select,textarea,button{font-family:var(--font);font-size:var(--fs-body)}input[type=text],input[type=number],input[type=date],select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);outline:none;padding:7px 10px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text3)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}textarea{resize:vertical;width:100%;line-height:1.5}label.fld{gap:var(--sp-1);font-size:var(--fs-micro);color:var(--text3);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;display:flex}label.fld input,label.fld select{text-transform:none;letter-spacing:0}.btn{border:1px solid var(--glass-brd);color:var(--text);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;padding:7px 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{border-color:var(--accent);color:var(--accent);background:#22d3ee24}.btn-primary:hover:not(:disabled){background:var(--accent);color:#05070a}.btn-sm{font-size:var(--fs-caption);padding:4px 10px}.ov-kpi-grid{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.ov-kpi-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);transition:border-color .15s,transform .15s;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040}.ov-kpi-card:hover{border-color:#22d3ee59;transform:translateY(-1px)}.ov-kpi-card.gap{border:1px dashed var(--border);box-shadow:none;background:#ffffff04}.ov-kpi-card.gap:hover{border-color:var(--border);transform:none}.ov-kpi-l{font-size:var(--fs-micro);letter-spacing:.07em;color:var(--text3);justify-content:space-between;align-items:center;gap:var(--sp-1);text-transform:uppercase;display:flex}.ov-kpi-v{font-family:var(--font);font-weight:700;font-size:var(--fs-metric);margin-top:var(--sp-1);color:var(--text)}.ov-kpi-v.gapv{font-size:var(--fs-caption);color:var(--text3);font-weight:500;line-height:1.4}.ov-kpi-v.gapv code{color:var(--text2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ov-kpi-s{margin-top:var(--sp-1);font-size:var(--fs-caption);display:block}.ov-kpi-s.up{color:var(--green)}.ov-kpi-s.down{color:var(--red)}.ov-kpi-s.flat{color:var(--text3)}.ov-sec-title{align-items:center;gap:var(--sp-2);font-family:var(--font);font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--text2);margin:var(--sp-5) 0 var(--sp-2);flex-wrap:wrap;display:flex}.ov-sec-title .glyph{color:var(--accent)}.ov-grid-2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.ov-grid-3{gap:var(--sp-3);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=960px){.ov-grid-2,.ov-grid-3{grid-template-columns:1fr}}.ov-panel{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px}.ov-panel.gap{background:#ffffff04;border:1px dashed #f5b94259}.ov-panel+.ov-panel,.ov-panel+.ov-grid-2,.ov-panel+.ov-grid-3,.ov-grid-2+.ov-panel,.ov-grid-3+.ov-panel{margin-top:var(--sp-3)}.ov-note{font-size:var(--fs-caption);color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ov-note.warn{color:var(--yellow)}.ov-panel .ov-note{margin-bottom:var(--sp-2)}.ov-daterange{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ov-daterange-btn{border-radius:var(--radius-md);background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:var(--fs-caption);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:5px 10px;display:flex}.ov-daterange-btn:hover{border-color:#22d3ee59}.ov-daterange-btn[aria-pressed=true]{color:var(--accent);background:#22d3ee1f;border-color:#22d3ee66}.ov-daterange-sep{color:var(--text3);font-size:var(--fs-caption)}.ov-daterange input[type=date]{font-size:var(--fs-caption);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:4px 8px}.recharts-tooltip-cursor{fill:#ffffff0a}.recharts-surface{overflow:visible}.tbl-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--glow);background:#0c0e148c;max-height:calc(100vh - 260px);overflow:auto}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-body)}.tbl thead th{z-index:2;text-align:left;white-space:nowrap;background:var(--bg2);color:var(--text3);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:9px 12px;font-weight:600;position:sticky;top:0}.tbl td{vertical-align:middle;border-bottom:1px solid #36364c8c;padding:8px 12px}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:#22d3ee0b}.tbl tbody tr.sel{box-shadow:inset 3px 0 0 var(--accent);background:#22d3ee1a}.tbl tbody tr:last-child td{border-bottom:0}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl td.nowrap,.tbl th.nowrap{white-space:nowrap}.tbl-empty{padding:var(--sp-5);text-align:center;color:var(--text3)}.mono{font-variant-numeric:tabular-nums}.st{border-radius:var(--radius-sm);font-size:var(--fs-micro);letter-spacing:.03em;white-space:nowrap;border:1px solid var(--border);color:var(--text2);background:#ffffff0f;padding:2px 8px;font-weight:600;display:inline-block}.st-ok{color:var(--green);background:#34d3991a;border-color:#34d39966}.st-live{color:var(--accent);background:#22d3ee1a;border-color:#22d3ee66}.st-warn{color:var(--yellow);background:#f5b9421a;border-color:#f5b94266}.st-bad{color:var(--red);background:#f871711a;border-color:#f8717166}.banner{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-caption)}.banner-err{color:var(--red);background:#f8717114;border-color:#f8717166}.banner-warn{color:var(--yellow);background:#f5b94214;border-color:#f5b94266}.banner-ok{color:var(--green);background:#34d39914;border-color:#34d39966}@media (width<=900px){.page{padding:var(--sp-3)}.tbl-wrap{max-height:none}.topbar-cluster{max-width:none;padding:var(--sp-2);flex-wrap:wrap;justify-content:center;gap:8px;position:static;top:auto;left:auto;transform:none}.dock{flex-wrap:wrap;justify-content:center}}.err-inline{color:var(--red);margin-top:6px;font-size:12px;display:block}.addshop{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.addshop>.muted{flex:240px;min-width:0}.addshop code{overflow-wrap:anywhere;word-break:break-all}.oauth-steps{flex-direction:column;gap:10px;margin-top:12px;display:flex}.oauth-steps .step{color:var(--text2);font-size:12.5px;line-height:1.45}.oauth-steps .step b{color:var(--accent)}.linkrow{gap:6px;margin-top:5px;display:flex}.linkrow input{min-width:0;color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:6px;flex:1;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.linkrow input:focus{border-color:var(--accent);outline:none}.gcard-acts{margin-top:var(--sp-3);flex-wrap:wrap;gap:6px;display:flex}.gcard-off{opacity:.6}.sform{gap:var(--sp-3);margin:var(--sp-3) 0;flex-direction:column;display:flex}.sf{flex-direction:column;gap:4px;display:flex}.sf-label{font-size:var(--fs-caption);color:var(--text2);font-weight:600}.sf-hint{font-size:var(--fs-micro);color:var(--text3);line-height:1.45}.sf-k{min-width:62px;color:var(--text3);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;display:inline-block}.sf-actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.sf-cb{font-size:var(--fs-caption);color:var(--text2);line-height:1.5}.sf-cb code{white-space:nowrap;border:1px solid var(--glass-brd);color:var(--accent);background:#ffffff0a;border-radius:8px;margin-top:4px;padding:7px 9px;display:block;overflow-x:auto}.sform input{font:500 13px/1.3 var(--font-mono,var(--font));color:var(--text);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:8px;padding:8px 10px}.sform input:focus{border-color:var(--accent);outline:none}.connect-pop{z-index:30;overscroll-behavior:contain;text-align:left;white-space:normal;background:var(--bg2);border-radius:var(--radius-lg);width:min(520px,100vw - 24px);max-height:min(76vh,720px);box-shadow:var(--glow);border:1px solid #22d3ee47;padding:14px;position:fixed;top:68px;right:12px;overflow-y:auto}@media (width<=560px){.connect-pop{width:auto;max-height:82vh;top:60px;left:12px;right:12px}}.connect-pop code{max-width:100%}.connect-pop .cp-row{flex-wrap:wrap}.cp-h{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.cp-sec{padding-top:var(--sp-3);margin-top:var(--sp-3);border-top:1px solid var(--border)}.cp-t{font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:var(--sp-2)}.cp-row{justify-content:space-between;align-items:center;gap:var(--sp-3);font-size:var(--fs-caption);padding:6px 0;display:flex}.cp-row label{align-items:center;gap:var(--sp-2);cursor:pointer;display:flex}.cp-row code{color:var(--text2)}.tbar{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.tbar-q{min-width:180px;font:500 13px/1.3 var(--font);color:var(--text);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:8px;flex:260px;padding:7px 10px}.tbar-q:focus{border-color:var(--accent);outline:none}.tbar-pg{font-size:var(--fs-caption);color:var(--text2);align-items:center;gap:6px;margin-left:auto;display:flex}.tbar-bulk{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);background:#22d3ee1f;border:1px solid #22d3ee59;border-radius:8px;padding:4px 8px;display:flex}.tb-menu{display:inline-flex;position:relative}.tb-pop{z-index:20;overscroll-behavior:contain;text-align:left;background:var(--bg2);border-radius:var(--radius-md);width:max-content;max-width:min(420px,92vw);max-height:min(70vh,560px);box-shadow:var(--glow);border:1px solid #22d3ee47;padding:10px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.tb-pop-w{min-width:340px}.tb-pop-w .tb-grp{break-inside:avoid}@media (width>=900px){.tb-pop-w{column-count:2;column-gap:18px}}.tb-pop-h{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);column-span:all;display:flex}.tb-grp{margin-bottom:var(--sp-2)}.tb-chk{font-size:var(--fs-caption);cursor:pointer;align-items:center;gap:6px;padding:3px 0;display:flex}.tb-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tb-row select,.tb-row input{font:500 12px/1.2 var(--font);color:var(--text);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:7px;padding:6px 8px}.tb-w{color:var(--accent);font-size:var(--fs-micro);margin-left:4px}.tbl th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sorted{color:var(--accent)}.tbl-dense td{font-size:var(--fs-caption);padding-top:4px;padding-bottom:4px}.tbl-grp td{font-size:var(--fs-caption);background:#22d3ee12}.tbl-grp td>button{margin-right:8px}.tbl tr.sel td{background:#22d3ee1a}.tcell-btn{text-align:left;cursor:text;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 4px}.tcell-btn:hover{background:#ffffff0a;border-color:#22d3ee66}.tcell-in,.tcell-sel{width:100%;min-width:70px;font:500 12px/1.3 var(--font);color:var(--text);background:var(--bg2);border:1px solid var(--accent);border-radius:6px;padding:3px 6px}.tcell-sel{border-color:var(--glass-brd)}.sv{white-space:nowrap;font:600 var(--fs-micro)/1.5 var(--font);letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:2px 8px;display:inline-block}select.tcell-sel.sv-new,select.tcell-sel[class*=sv-]{font-weight:600}.sv-new{color:#94a3b8;background:#94a3b824;border-color:#94a3b866}.sv-picking{color:#f5b942;background:#f5b94224;border-color:#f5b94273}.sv-oos{color:#fb923c;background:#fb923c24;border-color:#fb923c73}.sv-packed{color:#22d3ee;background:#22d3ee24;border-color:#22d3ee73}.sv-shipped{color:#60a5fa;background:#60a5fa24;border-color:#60a5fa73}.sv-transit{color:#a78bfa;background:#a78bfa29;border-color:#a78bfa73}.sv-delivered{color:#34d399;background:#34d39924;border-color:#34d39973}.sv-undelivered{color:#fb7185;background:#fb718524;border-color:#fb718573}.sv-returned{color:#f472b6;background:#f472b624;border-color:#f472b673}.sv-lost{color:#f87171;background:#f8717129;border-color:#f8717180}.sv-damaged{color:#ef4444;background:#ef444429;border-color:#ef444480}.bulk-grp{align-items:center;gap:4px;display:inline-flex}.bulk-grp select{min-width:130px}.bulk-err{font-size:var(--fs-micro);margin:6px 0 4px;padding-left:18px;line-height:1.6}.stabs{gap:var(--sp-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.u-av{width:26px;height:26px;font:700 11px/1 var(--font);color:var(--accent);background:#22d3ee29;border:1px solid #22d3ee66;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.perm-sens{font:700 10px/1.5 var(--font);color:var(--red);background:#f8717129;border:1px solid #f8717173;border-radius:4px;margin-left:4px;padding:0 4px}.tb-btn{cursor:pointer;white-space:nowrap;font:500 var(--fs-caption)/1.2 var(--font);color:var(--text2);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.tb-btn:hover{color:var(--text);background:#ffffff14}.tb-btn-ic{flex-shrink:0;display:flex}.tb-btn-ic svg{width:15px;height:15px}.tb-btn.on{color:var(--accent);background:#22d3ee24;border-color:#22d3ee80;font-weight:700}.tb-btn.open{color:var(--text);border-color:#22d3ee80}.tb-btn b{font-variant-numeric:tabular-nums;font-weight:700}.num-neg{color:var(--red);font-weight:700}.tb-badge{font-weight:600;font-size:var(--fs-micro);color:var(--text3);background:#ffffff14;border-radius:4px;padding:0 5px}.tb-btn.on .tb-badge{color:var(--accent);background:#22d3ee33}.tb-pop-act{gap:6px;display:inline-flex}.tb-drag-hint{margin-bottom:var(--sp-2)}.tb-fields{column-span:all;flex-direction:column;gap:1px;display:flex}.tb-field{border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:3px 4px;display:flex}.tb-field:hover{background:#ffffff0d}.tb-field .tb-chk{flex:auto;min-width:0}.tb-field.dragging{opacity:.4}.tb-field.over{border-top-color:var(--accent);background:#22d3ee1a}.tb-grip{cursor:grab;color:var(--text3);flex:none;font-size:13px;line-height:1}.tb-grip:active{cursor:grabbing}.tb-field-grp{font:500 var(--fs-micro)/1.5 var(--font);color:var(--text3);background:#ffffff0d;border-radius:4px;flex:none;padding:1px 5px}.pimg{align-items:center;gap:4px;display:inline-flex;position:relative}.pimg-t{object-fit:cover;background:var(--bg3);border:1px solid var(--glass-brd);cursor:zoom-in;border-radius:5px;flex:none;width:34px;height:45px}.pimg-none{color:var(--text3);font-size:var(--fs-micro);cursor:default;justify-content:center;align-items:center;display:inline-flex}.pimg-btn{font:600 11px/1.4 var(--font);color:var(--accent);cursor:pointer;background:#22d3ee1f;border:1px solid #22d3ee59;border-radius:5px;padding:1px 5px}.pimg-btn:hover:not(:disabled){background:#22d3ee38}.pimg-btn:disabled{opacity:.5;cursor:progress}.pimg-lb{z-index:60;justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-4);cursor:zoom-out;background:#05070ae0;flex-direction:column;display:flex;position:fixed;inset:0}.pimg-lb img{border-radius:var(--radius-md);border:1px solid var(--glass-brd);max-width:min(92vw,620px);max-height:78vh;box-shadow:var(--glow)}.pimg-lb-cap{align-items:center;gap:var(--sp-3);max-width:min(92vw,620px);font-size:var(--fs-caption);color:var(--text2);text-align:center;flex-wrap:wrap;justify-content:center;display:flex}.skuh{display:block;position:relative}.skuh-txt{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.skuh-hint{color:var(--text3)}.skuh-pop{z-index:40;background:var(--bg2);border-radius:var(--radius-md);width:max-content;max-width:min(340px,88vw);box-shadow:var(--glow);white-space:normal;pointer-events:none;border:1px solid #22d3ee47;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed}.skuh-note{font-size:var(--fs-micro);color:var(--text3)}.skuc{align-items:flex-start;gap:8px;display:flex}.skuc-img{object-fit:cover;background:var(--bg3);border:1px solid var(--glass-brd);border-radius:6px;flex:none;width:62px;height:82px}.skuc-noimg{text-align:center;font-size:var(--fs-micro);color:var(--text3);justify-content:center;align-items:center;padding:2px;display:flex}.skuc-body{min-width:0}.skuc-sku{font:700 var(--fs-caption)/1.3 var(--font);color:var(--accent);align-items:center;gap:6px;margin-bottom:3px;display:flex}.skuc-name{font-size:var(--fs-caption);color:var(--text2);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.sf-row3{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sf-row2{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.slip-head,.slip-line{grid-template-columns:28px minmax(180px,1.6fr) 70px 130px 34px;align-items:center;gap:6px;display:grid}.slip-head{font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);padding:4px 0}.slip-line{padding:3px 0}.slip-no{text-align:center;font-size:var(--fs-micro);color:var(--text3)}.slip-sku{flex-direction:column;gap:1px;min-width:0;display:flex}.slip-name{font-size:var(--fs-micro);color:var(--text3);text-overflow:ellipsis;white-space:nowrap;min-height:14px;overflow:hidden}.slip-line input,.slip .sform input{font:500 12px/1.2 var(--font);color:var(--text);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:6px;min-width:0;padding:5px 8px}.slip-line input:focus{border-color:var(--accent);outline:none}.in-bad{border-color:#f8717199!important}.slip-qty,.slip-cost{text-align:right;font-variant-numeric:tabular-nums}.slip-foot{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.slip-total{font-size:var(--fs-caption);color:var(--text2);margin-left:auto}@media (width<=640px){.sf-row2{grid-template-columns:1fr}.slip-head{display:none}.slip-line{grid-template-columns:24px 1fr 56px 100px 30px}}