@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0b0f1a;--bg2: #111827;--bg3: #1a2235;--bg4: #212d45;--bg5: #263248;--border: #263248;--border2: #334870;--text: #eef2ff;--text2: #94a3c4;--text3: #4e6080;--accent: #4f8ef7;--accent2: #7eb3ff;--accentg: linear-gradient(135deg, #4f8ef7, #8b5cf6);--green: #10d98a;--greeng: linear-gradient(135deg, #10d98a, #059669);--red: #f25757;--redg: linear-gradient(135deg, #f25757, #dc2626);--yellow: #fbbf24;--orange: #f59e0b;--purple: #8b5cf6;--purpleg: linear-gradient(135deg, #8b5cf6, #6d28d9);--shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow2: 0 4px 16px rgba(0, 0, 0, .35);--shadowg: 0 4px 20px rgba(79, 142, 247, .35);--r: 14px;--r2: 10px;--r3: 7px;--font: "Sora", sans-serif;--mono: "JetBrains Mono", monospace;--hh: 48px;--th: 38px;--tr: .18s ease}[data-theme=light]{--bg: #f1f5fd;--bg2: #ffffff;--bg3: #e8eef8;--bg4: #dce6f5;--bg5: #cfdaf0;--border: #d0daf0;--border2: #b0c4e8;--text: #0f172a;--text2: #3d5275;--text3: #8a9fc0;--shadow: 0 8px 32px rgba(0, 0, 0, .12);--shadow2: 0 4px 16px rgba(0, 0, 0, .08)}html,body,#root{height:100%;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.4}button{font-family:var(--font);cursor:pointer;border:none;outline:none;transition:opacity var(--tr),transform var(--tr);background:none;color:inherit}button:active{opacity:.75;transform:scale(.97)}input,select,textarea{font-family:var(--font);outline:none;border:none;color:var(--text)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.sp-app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.sp-views{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:var(--bg);isolation:isolate}.sp-views>*{flex:1;min-height:0;min-width:0;background:var(--bg)}.sp-header{height:var(--hh);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0;z-index:10}.sp-hbtn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border-radius:var(--r3);color:var(--text2);border:1px solid var(--border);flex-shrink:0}.sp-hbtn:hover{background:var(--bg4)}.sp-hdr-logo{flex:1;display:flex;align-items:center;gap:8px;cursor:pointer}.sp-hdr-mark{width:32px;height:32px;border-radius:9px;background:var(--accentg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #4f8ef766;color:#fff}.sp-hdr-title{font-size:15px;font-weight:800;letter-spacing:-.4px;background:linear-gradient(90deg,var(--accent2),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sp-hdr-actions{display:flex;align-items:center;gap:6px}.sp-net-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-right:2px}.sp-net-dot.on{background:var(--green);animation:sp-net-pulse 1.5s ease-in-out infinite}@keyframes sp-net-pulse{0%,to{opacity:1;box-shadow:0 0 #10d98a73}50%{opacity:.8;box-shadow:0 0 0 5px #10d98a00}}.sp-sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-sidebar{position:fixed;left:0;top:0;bottom:0;width:290px;max-width:85vw;background:var(--bg2);border-right:1px solid var(--border);z-index:101;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .27s cubic-bezier(.4,0,.2,1)}.sp-sidebar.open{transform:translate(0)}.sp-sb-head{padding:18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#4f8ef714,#8b5cf614)}.sp-sb-avatar{width:46px;height:46px;border-radius:50%;background:var(--accentg);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.sp-sb-name{font-size:14px;font-weight:700}.sp-sb-role{font-size:11px;color:var(--text3);margin-top:2px}.sp-sb-smena{display:inline-flex;align-items:center;gap:4px;margin-top:4px;background:#10d98a1f;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600;color:var(--green)}.sp-sb-nav{flex:1;overflow-y:auto;padding:8px}.sp-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--r2);color:var(--text2);font-size:13px;font-weight:500;margin-bottom:2px;cursor:pointer;text-decoration:none;border-left:3px solid transparent}.sp-nav-item:hover,.sp-nav-item.active{background:var(--bg3);color:var(--accent2)}.sp-nav-item.active{border-left-color:var(--accent)}.sp-nav-danger{color:var(--red)!important}.sp-sb-foot{padding:10px;border-top:1px solid var(--border)}.sp-login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:24px;background-image:radial-gradient(circle at 30% 40%,rgba(79,142,247,.06) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.06) 0%,transparent 60%)}.sp-login-card{background:var(--bg2);border-radius:var(--r);border:1px solid var(--border);padding:30px 24px;width:100%;max-width:360px;box-shadow:var(--shadow)}.sp-login-title{font-size:26px;font-weight:800;text-align:center;background:var(--accentg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sp-login-sub{font-size:12px;color:var(--text3);text-align:center;margin-bottom:22px}.sp-session-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100vh;color:var(--text2);background:var(--bg);font-size:14px}.sp-gline{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:10px 0}.sp-smena-pill{background:var(--bg3);border-radius:var(--r2);padding:10px 14px;margin-bottom:16px;font-size:11px;color:var(--text2);text-align:center;border:1px solid var(--border)}.sp-fr{margin-bottom:12px}.sp-fl{font-size:11px;color:var(--text3);margin-bottom:5px;display:block;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sp-fi{width:100%;height:40px;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--r2);font-size:13px;padding:0 12px}.sp-fi:focus{border-color:var(--accent)}.sp-btn{width:100%;height:44px;border-radius:var(--r2);font-size:13px;font-weight:700;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.sp-btn-b{background:var(--accentg);color:#fff;box-shadow:var(--shadowg)}.sp-btn-g{background:var(--green);color:#fff}.sp-btn-ghost{background:var(--bg4);color:var(--text2);border:1px solid var(--border)}.sp-views>*{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.sp-settings-wrap{flex:1;overflow-y:auto;min-height:0;padding:12px 16px 24px;width:100%}.sp-set-device{margin-bottom:18px;padding:12px;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg2)}.sp-set-device-label{display:block;font-size:10px;color:var(--text3);margin-bottom:4px}.sp-set-device-id{display:block;font-size:11px;font-family:var(--mono);color:var(--accent2);word-break:break-all}.sp-set-section{margin-bottom:16px}.sp-set-title{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px 4px}.sp-set-card{border:1px solid var(--border);border-radius:var(--r2);background:var(--bg2);overflow:hidden}.sp-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid var(--border);cursor:pointer}.sp-set-row:last-child{border-bottom:none}.sp-set-label{font-size:13px;font-weight:600;color:var(--text)}.sp-set-hint{font-size:10px;color:var(--text3);margin-top:2px;line-height:1.35}.sp-set-switch{position:relative;width:42px;height:24px;border-radius:999px;background:var(--bg4);border:1px solid var(--border);flex-shrink:0;transition:background .15s,border-color .15s}.sp-set-switch.on{background:var(--accent);border-color:var(--accent)}.sp-set-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.sp-set-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;pointer-events:none}.sp-set-switch.on .sp-set-knob{transform:translate(18px)}.sp-set-reset{width:100%;margin-top:8px;justify-content:center}.sp-set-unit-wrap{padding:10px}.sp-set-unit-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-set-unit-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border-radius:var(--r2);border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left}.sp-set-unit-btn.active{border-color:var(--accent);background:#4f8ef714}.sp-set-unit-btn.wholesale.active{border-color:var(--orange);background:#f59e0b14}.sp-set-unit-title{font-size:12px;font-weight:700;color:var(--text)}.sp-set-unit-hint{font-size:10px;color:var(--text3);line-height:1.35}.sp-set-unit-mode-3{grid-template-columns:repeat(3,1fr)}.sp-set-qz{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}.sp-set-qz-row{display:flex;gap:8px;align-items:center}.sp-set-qz-select{flex:1;min-width:0;height:36px;padding:0 10px;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px}.sp-set-qz-refresh{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;flex-shrink:0;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer}.sp-set-qz-refresh:hover{border-color:var(--accent);color:var(--accent)}.sp-set-qz-refresh:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.sp-set-unit-mode,.sp-set-unit-mode-3{grid-template-columns:1fr}}.sp-err{color:var(--red);font-size:12px;margin-bottom:8px}.sp-pos{display:flex;flex-direction:column;height:100%;overflow:hidden;min-height:0}.sp-inv-tabs-wrap{height:var(--th);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;flex-shrink:0}.sp-inv-add{flex-shrink:0;margin-left:6px;width:26px;height:26px;border-radius:50%;background:var(--accentg);color:#fff;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadowg)}.sp-inv-scroll{flex:1;display:flex;align-items:center;overflow-x:auto;gap:4px;padding:0 6px;height:100%}.sp-tab{flex-shrink:0;height:28px;padding:0 5px 0 4px;border-radius:var(--r3);background:var(--bg3);color:var(--text2);display:flex;align-items:center;gap:5px;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:pointer}.sp-tab-no{flex-shrink:0;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#7f7f7f38;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.sp-tab-info{display:flex;flex-direction:column;justify-content:center;line-height:1.05;min-width:0}.sp-tab-cust{font-size:9px;font-weight:600;max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.sp-tab-sum{font-size:10px;font-weight:700;font-family:var(--mono);white-space:nowrap}.sp-tab-x{flex-shrink:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7f7f7f2e;color:inherit;opacity:.7}.sp-tab-x:hover{background:var(--red);color:#fff;opacity:1}.sp-tab.active{background:var(--accentg);color:#fff;box-shadow:0 2px 10px #4f8ef759}.sp-tab.active .sp-tab-no{background:#ffffff38}.sp-tab.return{box-shadow:0 0 0 1px var(--yellow)}.sp-ph-block{opacity:.45;font-size:12px;padding:10px 4px;font-style:italic}.sp-search-wrap{padding:6px 8px 0;flex-shrink:0;position:relative;z-index:20}.sp-search-row{display:flex;gap:6px;align-items:center}.sp-stype{height:34px;flex-shrink:0;display:flex;align-items:center;gap:5px;padding:0 8px 0 6px;border-radius:var(--r2);border:1.5px solid var(--border);background:var(--bg3);font-size:10px;font-weight:700;transition:color .15s,border-color .15s}.sp-search-trash{width:34px;height:34px;flex-shrink:0}.sp-stype-track{position:relative;flex-shrink:0;width:30px;height:16px;border-radius:10px;background:var(--text3);transition:background .15s}.sp-stype-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s}.sp-stype.icon-only{gap:0;padding:0 8px}.sp-stype.retail{color:#4f8ef7;border-color:#4f8ef7}.sp-stype.retail .sp-stype-track{background:#4f8ef7}.sp-stype.wholesale{color:#f59e0b;border-color:#f59e0b}.sp-stype.wholesale .sp-stype-track{background:#f59e0b}.sp-stype.wholesale .sp-stype-knob{left:16px}.sp-rscan{color:var(--text2);border-color:var(--border)}.sp-rscan .sp-stype-track{background:var(--text3)}.sp-rscan.on{color:var(--yellow);border-color:var(--yellow)}.sp-rscan.on .sp-stype-track{background:var(--yellow)}.sp-rscan.on .sp-stype-knob{left:16px}.sp-stype-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.sp-stype-kbd{font-size:8px;font-weight:700;color:var(--text3);letter-spacing:.02em;white-space:nowrap;font-family:var(--mono)}.sp-stype-kbd.only{align-self:center;font-size:9px;padding:4px 8px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text2)}.sp-stype-kbd.only.flash{animation:sp-stype-flash .45s ease;border-color:var(--accent);color:var(--accent2)}.sp-stype.flash{animation:sp-stype-flash .45s ease}.sp-stype.wholesale.flash{animation:sp-stype-flash-wholesale .45s ease}@keyframes sp-stype-flash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #4f8ef759}}@keyframes sp-stype-flash-wholesale{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #f59e0b59}}.sp-sale-type{height:40px;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--r2);padding:0 8px;font-size:12px;flex-shrink:0}.sp-search-inp-wrap{flex:1;position:relative;display:flex;align-items:center}.sp-search-input{width:100%;height:34px;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r2);font-size:12px;padding:0 36px 0 32px}.sp-search-input.has-scan{padding-right:36px}.sp-search-inp-wrap.has-clear .sp-search-input.has-scan{padding-right:58px}.sp-search-input:focus{border-color:var(--accent)}.sp-search-icon{position:absolute;left:10px;color:var(--text3);pointer-events:none;display:flex}.sp-search-clear{position:absolute;right:8px;color:var(--text3);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.sp-search-scan{position:absolute;right:8px;color:var(--accent);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r3)}.sp-search-scan:active{opacity:.75}.sp-search-inp-wrap.has-clear .sp-search-scan{right:30px}.sp-scan-mo{z-index:1200}.sp-scan-tools{display:flex;align-items:center;gap:6px}.sp-scan-tools .sp-mc{cursor:pointer}.sp-scan-tools .sp-mc.on{background:var(--green, #16a34a);border-color:var(--green, #16a34a);color:#fff}.sp-scan-modal{width:min(100%,420px);transition:box-shadow .18s ease,border-color .18s ease}.sp-scan-modal.ok{border-color:var(--green, #16a34a);box-shadow:0 0 0 3px color-mix(in srgb,var(--green, #16a34a) 55%,transparent)}.sp-scan-modal.err{border-color:var(--red, #ef4444);box-shadow:0 0 0 3px color-mix(in srgb,var(--red, #ef4444) 55%,transparent)}.sp-scan-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:999px;background:var(--green, #16a34a);color:#fff;font-size:12px;font-weight:700;line-height:1}.sp-scan-body{padding:0 12px 14px}.sp-scan-hint{margin:0 0 10px;font-size:12px;color:var(--text3);text-align:center}.sp-scan-reader{width:100%;min-height:240px;border-radius:var(--r2);overflow:hidden;background:#000}.sp-scan-reader video{border-radius:var(--r2)}.sp-scan-error{margin:10px 0 0;font-size:12px;color:var(--red);text-align:center}.sp-search-calc{width:40px;height:40px;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r2);color:var(--text2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-mode-row{display:flex;gap:5px;padding:5px 0 0;flex-wrap:wrap}.sp-mode-pill{height:24px;padding:0 9px;border-radius:20px;font-size:10px;font-weight:600;background:var(--bg3);color:var(--text3);border:1px solid var(--border)}.sp-mode-pill.on{background:#4f8ef726;color:var(--accent2);border-color:#4f8ef74d}.sp-sr-box{position:absolute;top:calc(100% + 4px);left:10px;right:10px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);max-height:62vh;overflow-y:auto;box-shadow:var(--shadow);z-index:30;scrollbar-width:none;-ms-overflow-style:none}.sp-sr-box::-webkit-scrollbar{display:none}.sp-sr-item{display:flex;flex-direction:column;border-bottom:1px solid var(--border);cursor:pointer}.sp-sr-item:hover,.sp-sr-item.active{background:var(--bg3)}.sp-sr-item.in-cart{border-left:3px solid var(--green)}.sp-sr-main{display:flex;align-items:center;gap:10px;padding:8px 12px}.sp-sr-units{display:flex;align-items:center;gap:10px;padding:0 12px 8px;flex-wrap:wrap}.sp-sr-units.end{justify-content:flex-end}.sp-sr-uctrl{display:flex;align-items:center;gap:4px}.sp-sr-ulabel{font-size:9px;font-weight:700;color:var(--text3);margin-right:1px;text-transform:uppercase;letter-spacing:.02em;min-width:36px}.sp-sr-uval{font-size:13px;font-weight:700;min-width:28px;text-align:center;font-family:var(--mono);color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r3);padding:1px 4px;line-height:1.3}input.sp-sr-uval{width:44px;padding:1px 2px}.sp-sr-utotal-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.sp-sr-utotal{font-size:13px;font-weight:800;color:var(--green);font-family:var(--mono);line-height:1.1}.sp-sr-img{width:40px;height:40px;border-radius:var(--r3);background:var(--bg4);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sp-sr-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sr-meta{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sr-price{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:1px;line-height:1.2}.sp-sr-uprice{font-size:12px;font-weight:700;font-family:var(--mono);padding:2px 6px;border-radius:var(--r3);border:1.5px solid var(--border);background:var(--bg);color:var(--text)}.sp-sr-price.retail .sp-sr-uprice{border-color:#4f8ef773;color:var(--accent2);background:#4f8ef70f}.sp-sr-price.wholesale .sp-sr-uprice{border-color:#f59e0b73;color:var(--orange);background:#f59e0b0f}.sp-sr-boxcount{font-size:9px;color:var(--text3);font-weight:600}.sp-sr-boxmeta{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.sp-sr-boxprice{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--text2)}.sp-sr-calc{flex-shrink:0;width:30px;height:30px;border-radius:var(--r3);background:var(--bg3);color:var(--text2);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.sp-start-btn{height:26px;padding:0 12px;border-radius:var(--r3);font-size:11px;font-weight:600;background:var(--bg);color:var(--text);border:1.5px solid var(--border);cursor:pointer}.sp-start-btn:hover{background:var(--bg3);border-color:var(--border2)}.sp-search-notfound{font-size:11px;color:var(--red);padding:4px 0;margin:0}.sp-cart-area{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-height:0}.sp-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text3);gap:12px}.sp-cart-empty-icon{font-size:52px;opacity:.2}.sp-cart-empty p{font-size:12px;font-weight:500}.sp-cart-item{background:var(--bg2);border-radius:var(--r2);border:1.5px solid var(--border);padding:7px 8px;cursor:pointer}.sp-cart-item.selected{border-color:var(--accent);background:#4f8ef70f;box-shadow:0 0 0 3px #4f8ef714}.sp-ci-top{display:flex;align-items:flex-start;gap:7px}.sp-ci-num{font-size:10px;color:var(--text3);font-family:var(--mono);min-width:16px;text-align:center;padding-top:2px}.sp-ci-name-wrap{flex:1;min-width:0}.sp-ci-name{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-ci-units{display:block;font-size:9px;color:var(--text3);margin-top:2px;font-family:var(--font)}.sp-ci-total-wrap{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:1px}.sp-ci-profit{font-size:9px;font-weight:700;font-family:var(--mono);color:var(--accent, #3b82f6);line-height:1;opacity:.9}.sp-ci-field-label,.sp-field-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);line-height:1}.sp-ci-total{font-size:14px;font-weight:800;font-family:var(--mono);color:var(--green, #10d98a);flex-shrink:0;padding:0;border:none;cursor:pointer;background:none;line-height:1.1}.sp-ci-total.override{color:var(--orange, #f59e0b)}.sp-ci-x{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--bg3);color:var(--text3);cursor:pointer}.sp-ci-x:hover{background:var(--redg, #ef4444);color:#fff}.sp-ci-bot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:6px}.sp-ci-qtys{display:flex;flex-direction:column;gap:4px}.sp-ci-unit{display:flex;align-items:center;gap:4px}.sp-ci-ulabel{font-size:9px;font-weight:700;color:var(--text3);width:40px;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}.sp-ci-actions{display:flex;gap:4px;align-items:flex-end;flex-shrink:0}.sp-ci-price-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.sp-ci-calc{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r3);background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer}.sp-qty-btn{width:28px;height:28px;border-radius:var(--r3);background:var(--bg3);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.sp-qty-inp{width:44px;height:28px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r3);font-size:13px;text-align:center;font-family:var(--mono);font-weight:700;color:var(--text)}.sp-price-btn{font-size:12px;padding:4px 8px;border-radius:var(--r3);background:var(--bg);border:1.5px solid var(--border);font-family:var(--mono);font-weight:700;cursor:pointer;white-space:nowrap;color:var(--text)}.sp-price-btn.retail{border-color:#4f8ef773;color:var(--accent2);background:#4f8ef70f}.sp-price-btn.wholesale{border-color:#f59e0b73;color:var(--orange, #f59e0b);background:#f59e0b0f}.sp-price-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:140px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:4px;box-shadow:var(--shadow, 0 8px 24px rgba(0,0,0,.15))}.sp-price-opt{display:flex;justify-content:space-between;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:var(--r3);background:transparent;font-size:11px;color:var(--text2);cursor:pointer;text-align:left}.sp-price-opt:hover{background:var(--bg3)}.sp-price-opt.active{background:#4f8ef71a;color:var(--accent2)}.sp-price-opt b{font-family:var(--mono)}.sp-cia-wrap{padding-top:6px;border-top:1px dashed var(--border);margin-top:6px}.sp-cmd-buf{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-bottom:4px;border-radius:var(--r3);background:#4f8ef71f;border:1px solid rgba(79,142,247,.25);font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent2)}.sp-cmd-buf-hint{font-size:10px;color:var(--text3);font-weight:600;font-family:var(--font)}.sp-cmd-buf.idle{background:transparent;border-style:dashed;opacity:.75}.sp-cia-row{display:flex;gap:4px;align-items:center;padding-top:4px;min-width:0}.sp-cia-scroll{display:flex;gap:4px;overflow-x:auto;flex:1;min-width:0}.sp-cia-label{font-size:9px;color:var(--text3);flex-shrink:0;width:36px}.sp-cia-btn{flex-shrink:0;height:27px;padding:0 10px;border-radius:var(--r3);background:var(--bg4);color:var(--text);font-size:11px;font-weight:600;border:1px solid var(--border);font-family:var(--mono)}.sp-cia-btn.sum{background:#10d98a14;color:var(--green);border-color:#10d98a40}.sp-pos-footer{background:var(--bg2);border-top:1px solid var(--border);padding:3px 6px max(4px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sp-ft-meta-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.sp-ft-meta-line{display:block;font-size:9px;color:var(--text3);font-weight:600;white-space:nowrap;line-height:1.2}.sp-ft-meta-cust{color:var(--green);font-weight:600}.sp-ft-bar{display:flex;align-items:center;gap:8px;min-height:0}.sp-ft-money{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;line-height:1.15}.sp-ft-disc-line{font-size:9px;font-family:var(--mono);color:var(--text3);font-weight:600}.sp-ft-disc-amt{color:var(--orange)}.sp-ft-total-line{display:flex;align-items:baseline;gap:6px}.sp-ft-total-lbl{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text3);flex-shrink:0}.sp-ft-total{font-size:14px;font-weight:800;font-family:var(--mono);color:var(--green);white-space:nowrap}.sp-ft-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.sp-ft-act{width:28px;height:28px;border-radius:var(--r3);background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2);flex-shrink:0;cursor:pointer;padding:0}.sp-ft-act:disabled{opacity:.35;cursor:not-allowed}.sp-ft-act.on{color:var(--green);border-color:#10d98a59;background:#10d98a1a}.sp-ft-act.disc.on{color:var(--orange);border-color:#f59e0b59;background:#f59e0b14}.sp-ft-act.clear{color:var(--text3)}.sp-ft-act.clear:hover{color:var(--red)}@media (min-width: 769px){.sp-pos-footer{padding:5px 10px max(6px,env(safe-area-inset-bottom,0px));gap:3px}.sp-ft-meta-line{font-size:10px}.sp-ft-disc-line{font-size:11px}.sp-ft-total-lbl{font-size:10px}.sp-ft-total{font-size:22px;font-weight:800;letter-spacing:-.02em}}.sp-pay-wrap{position:relative;flex-shrink:0}.sp-pay-quick{position:absolute;bottom:48px;right:0;display:flex;flex-direction:column;gap:5px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:translateY(8px);z-index:5}.sp-pay-quick.show{opacity:1;pointer-events:all;transform:translateY(0)}.sp-pq-btn{height:34px;padding:0 14px;border-radius:var(--r2);font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow2);border:none;cursor:pointer;white-space:nowrap}.sp-pq-naqd{background:var(--green)}.sp-pq-bank{background:var(--accent)}.sp-pq-click{background:var(--purple)}.sp-pay-btn{height:28px;padding:0 10px;border-radius:var(--r3);background:var(--green);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;border:none;cursor:pointer;box-shadow:none}.sp-pay-btn:disabled{opacity:.35;cursor:not-allowed}.sp-pay-btn:active{filter:brightness(.92)}.sp-pq-acc-menu{position:absolute;bottom:48px;right:0;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:4px;z-index:20;box-shadow:var(--shadow2)}.sp-pq-acc-item{display:block;width:100%;padding:8px 12px;font-size:12px;text-align:left;border:none;background:none;color:var(--text);cursor:pointer;border-radius:var(--r3);white-space:nowrap}.sp-pq-acc-item:hover{background:var(--bg3)}.sp-pay-btn.hidden{display:none}.sp-mh.compact{padding:8px 12px}.sp-mh.compact .sp-mt{font-size:14px}.sp-mh.compact .sp-mc{width:28px;height:28px;font-size:16px}.sp-modal-split{display:flex;flex-direction:column;min-height:0;overflow:hidden}.sp-modal-split.single{display:block}.sp-modal-split.disc .sp-modal-left{padding-bottom:0}.sp-modal-foot{flex-shrink:0;padding:8px 12px 12px;border-top:1px solid var(--border);background:var(--bg2)}.sp-modal-foot .sp-disc-save{width:100%;margin:0;height:38px;font-size:13px}.sp-modal-left{flex:1;min-width:0;padding:10px 12px;overflow:hidden}.sp-modal-right{flex-shrink:0;padding:8px 10px 12px;border-top:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;gap:6px}.sp-disc-modal{width:92vw;max-width:580px;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;padding-bottom:0}.sp-mo-pay{padding:0;align-items:stretch}.sp-pay-modal{width:100%;max-width:none;max-height:100dvh;height:100dvh;display:flex;flex-direction:column;border-radius:0;padding-bottom:0;overflow:hidden}.sp-modal-split.pay{flex:1;min-height:0}.sp-modal-split.pay .sp-modal-left{padding:6px 10px 4px}.sp-modal-split.pay .sp-modal-right{flex:1;min-height:0;justify-content:flex-end;padding:4px 8px 8px}.sp-pay-confirm{width:100%;margin-top:0;height:40px;font-size:13px;flex-shrink:0}.sp-disc-summary{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sp-disc-summary.stack{flex-direction:column;overflow:visible;gap:4px;margin-bottom:8px}.sp-disc-summary.stack .sp-disc-chip{flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:0}.sp-disc-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:5px 8px;background:var(--bg3);border-radius:var(--r3);border:1px solid var(--border);min-width:64px}.sp-disc-chip.tap{cursor:pointer}.sp-disc-chip.active{border-color:var(--accent);background:#4f8ef70f}.sp-disc-chip .sp-disc-val{font-size:12px}.sp-disc-chip.final .sp-disc-val.final{font-size:14px}.sp-disc-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;padding:10px;background:var(--bg3);border-radius:var(--r2);border:1px solid var(--border)}.sp-disc-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-disc-row.final{padding-top:4px;border-top:1px solid var(--border);margin-top:2px}.sp-disc-val{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text2)}.sp-disc-val.disc{color:var(--orange)}.sp-disc-val.final{font-size:16px;font-weight:800;color:var(--green)}.sp-disc-inp{width:100%;margin-bottom:6px;padding:8px 10px;border-radius:var(--r2);border:1.5px solid var(--border);background:var(--bg);text-align:right;font-size:16px;font-weight:800;font-family:var(--mono);color:var(--text);outline:none}.sp-disc-inp:focus{border-color:var(--accent)}.sp-disc-presets{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}.sp-disc-preset{flex-shrink:0;height:24px;padding:0 8px;border-radius:var(--r3);border:1px solid rgba(245,158,11,.3);background:#f59e0b14;color:var(--orange);font-size:10px;font-weight:700;font-family:var(--mono);cursor:pointer}.sp-disc-save{width:100%;margin-top:0;height:38px;font-size:13px}.sp-pay-head-sum{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;padding:5px 8px;background:var(--bg3);border-radius:var(--r3);border:1px solid var(--border)}.sp-pay-head-item{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.sp-pay-head-item:first-child{align-items:flex-start}.sp-pay-head-item .sp-disc-val.final{font-size:15px}.sp-pay-row{display:flex;align-items:center;gap:5px;margin-bottom:4px}.sp-pay-row.active .sp-pay-inp{border-color:var(--accent);background:#4f8ef70f}.sp-pay-lbl{width:44px;flex-shrink:0;font-size:11px;font-weight:600;color:var(--text3)}.sp-pay-inp{flex:1;min-width:0;padding:7px 9px;border-radius:var(--r2);border:1.5px solid var(--border);background:var(--bg);text-align:right;font-size:14px;font-weight:700;font-family:var(--mono);color:var(--text);outline:none}.sp-pay-inp.disc{color:var(--orange)}button.sp-pay-inp{cursor:pointer;width:100%}.sp-pay-chip-inp{width:72px;padding:2px 4px;border:none;background:transparent;text-align:right;font-size:12px;font-weight:700;font-family:var(--mono);color:var(--orange);outline:none}.sp-pay-fill{width:32px;height:32px;flex-shrink:0;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sp-pay-fill.undo{color:var(--orange);border-color:#f59e0b59}.sp-pay-fill-spacer{width:32px;flex-shrink:0}.sp-pay-acc{width:100%;margin:-4px 0 8px;padding:6px 8px;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);font-size:11px;color:var(--text2)}.sp-pay-summary.compact{display:flex;flex-wrap:wrap;gap:8px 12px;margin:4px 0;padding:5px 8px}.sp-pay-sum-item{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.sp-pay-cust.has{display:flex;align-items:center;gap:6px;padding:5px 8px;margin-top:4px}.sp-pay-cust-name{flex:1;min-width:0;border:none;background:none;font-size:11px;font-weight:600;color:var(--green);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.sp-pay-cust-x{flex-shrink:0;width:26px;height:26px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg);color:var(--text3);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sp-pay-cust-x:hover{color:var(--red)}.sp-pay-cust{width:100%;padding:6px 8px;margin-top:4px;border-radius:var(--r2);border:1.5px solid var(--border);background:var(--bg3);font-size:11px;font-weight:600;color:var(--text2);text-align:left;cursor:pointer}.sp-pay-error{margin:4px 0 0;font-size:11px;color:var(--red)}.sp-pay-due-row{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.sp-pay-due-inp{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--text);font-size:12px;font-weight:600}.sp-pay-comment-row{display:flex;align-items:center;gap:8px;margin-top:6px}.sp-pay-comment-inp{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--text);font-size:12px}.sp-ph{height:46px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:10px;flex-shrink:0}.sp-pt{font-size:14px;font-weight:800;flex:1;display:flex;align-items:center;gap:8px}.sp-pc{flex:1;overflow-y:auto;padding:12px;min-height:0}.sp-tw{overflow-x:auto}.sp-tw table{width:100%;border-collapse:collapse;font-size:12px}.sp-tw th{background:var(--bg3);color:var(--text3);font-weight:700;padding:9px 10px;text-align:left;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase}.sp-tw td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--text2)}.sp-pg{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;font-size:11px;color:var(--text3)}.sp-pg button{padding:2px 8px;border-radius:var(--r3);background:var(--bg3);border:1px solid var(--border);font-size:11px}.sp-mo{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sp-mo.center{align-items:center}.sp-modal{background:var(--bg2);border-radius:var(--r) var(--r) 0 0;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;border:1px solid var(--border);padding-bottom:25px;box-shadow:var(--shadow)}.sp-mo.center .sp-modal{border-radius:var(--r);max-height:88vh;margin:16px}.sp-mh{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border);background:var(--bg3)}.sp-mt{font-size:15px;font-weight:700}.sp-mc{width:32px;height:32px;border-radius:50%;background:var(--bg3);color:var(--text2);font-size:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.sp-mb{padding:16px 18px}.sp-gal-modal{width:92vw;max-width:640px;max-height:88vh;display:flex;flex-direction:column}.sp-gal-search{position:relative;display:flex;align-items:center;margin:10px 12px 0}.sp-gal-search .sp-search-icon{position:absolute;left:10px;display:flex;color:var(--text3)}.sp-gal-search .sp-search-input{width:100%;padding-left:32px}.sp-gal-search .sp-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text3);cursor:pointer}.sp-gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:12px;overflow-y:auto}.sp-gal-card{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);text-align:center;cursor:pointer}.sp-gal-card.in-cart{border-color:var(--green)}.sp-gal-img{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--r3);overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center}.sp-gal-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-gal-noimg{font-size:28px;opacity:.5}.sp-gal-badge{position:absolute;top:3px;left:3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--green);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--mono)}.sp-gal-x{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--redg);color:#fff;display:flex;align-items:center;justify-content:center}.sp-gal-name{font-size:10px;font-weight:600;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-gal-price-wrap{display:flex;flex-direction:column;align-items:center;gap:1px}.sp-gal-price{font-size:11px;font-weight:700;font-family:var(--mono);padding:1px 5px;border-radius:var(--r3);border:1.5px solid rgba(79,142,247,.45);color:var(--accent2);background:#4f8ef70f}.sp-detail-modal{width:92vw;max-width:420px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.sp-detail-modal .sp-mh{flex-shrink:0}.sp-detail-modal .sp-mb{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sp-detail-img{width:100%;height:240px;border-radius:var(--r2);background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sp-detail-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sp-detail-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.sp-detail-nav.left{left:8px}.sp-detail-nav.right{right:8px}.sp-detail-count{position:absolute;bottom:8px;right:10px;font-size:11px;font-weight:700;color:#fff;background:#00000080;padding:2px 8px;border-radius:10px}.sp-detail-thumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto}.sp-detail-thumb{width:46px;height:46px;flex-shrink:0;border-radius:var(--r3);border:2px solid var(--border);overflow:hidden;background:var(--bg)}.sp-detail-thumb.active{border-color:var(--accent)}.sp-detail-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-detail-name{font-size:16px;font-weight:800;margin:12px 0 8px}.sp-detail-rows{display:flex;flex-direction:column}.sp-detail-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}.sp-detail-k{color:var(--text3)}.sp-detail-v{font-weight:700;text-align:right}.sp-calc-modal{width:92vw;max-width:400px;display:flex;flex-direction:column;overflow:visible;max-height:none}.sp-mo.center .sp-calc-modal{overflow:hidden;max-height:none;padding-bottom:0}@media (min-width: 481px){.sp-mo.center .sp-modal.sp-calc-modal{overflow:hidden;max-height:none;padding-bottom:18px}}.sp-calc-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.sp-calc-field{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--border);border-radius:var(--r3);padding:5px 7px;background:var(--bg);cursor:pointer;min-width:0}.sp-calc-field.active{border-color:var(--accent);box-shadow:0 0 0 2px #4f8ef72e}.sp-calc-field-top{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:18px}.sp-calc-label{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-calc-input{width:100%;border:none;background:transparent;text-align:right;font-size:16px;font-weight:800;font-family:var(--mono);color:var(--text);outline:none;padding:0}.sp-calc-check{flex-shrink:0;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0}.sp-calc-check.on{background:var(--accent);border-color:var(--accent)}.sp-calc-sum{text-align:right;font-size:12px;color:var(--text3);margin:8px 2px 6px}.sp-calc-sum b{color:var(--green);font-size:15px}.sp-calc-hist{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sp-calc-hist-label{font-size:9px;color:var(--text3);flex-shrink:0;width:36px}.sp-calc-hist-scroll{display:flex;gap:5px;overflow-x:auto;flex:1;min-width:0;padding-bottom:2px}.sp-calc-hist-btn{flex-shrink:0;height:26px;padding:0 10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;font-family:var(--mono)}.sp-calc-hist-btn.sum{background:#10d98a14;color:var(--green);border-color:#10d98a40}.sp-kp{display:flex;flex-direction:column;gap:6px}.sp-kp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sp-kp.cols-3 .sp-kp-row{grid-template-columns:repeat(3,1fr)}.sp-kp-row-bottom{grid-template-columns:repeat(4,1fr)}.sp-kp-empty{display:block}.sp-kp-btn{height:44px;border-radius:var(--r2);border:none;background:var(--bg3);color:var(--text);font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .1s;padding:0}.sp-kp-btn:active{filter:brightness(.9)}.sp-kp-btn.op{background:var(--accent);color:#fff}.sp-kp-btn.fn{background:var(--bg2);color:var(--text3)}.sp-kp.compact,.sp-kp.compact .sp-kp-row{gap:4px}.sp-kp.compact .sp-kp-btn{height:34px;font-size:15px;border-radius:var(--r3)}.sp-kp-apply{width:100%;height:40px;margin-top:8px;border:none;border-radius:var(--r2);background:var(--green, #1aa251);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.sp-kp-apply:active{filter:brightness(.92)}@media (max-width: 480px){:root{--hh: 44px;--th: 34px}.sp-inv-add{width:24px;height:24px;font-size:16px;margin-left:5px}.sp-inv-scroll{gap:3px;padding:0 5px}.sp-tab{height:26px;gap:4px;padding:0 4px 0 3px}.sp-tab-no{min-width:15px;height:15px;font-size:8px}.sp-tab-cust{max-width:54px;font-size:8px}.sp-tab-sum{font-size:9px}.sp-tab-x{width:15px;height:15px}.sp-search-wrap{padding:5px 6px 0}.sp-search-row{gap:5px}.sp-stype{height:30px;font-size:9px;padding:0 6px 0 5px;gap:4px}.sp-stype-track{width:26px;height:14px}.sp-stype-knob{width:10px;height:10px;top:2px}.sp-stype.wholesale .sp-stype-knob{left:14px}.sp-search-input{height:30px;font-size:11px;padding:0 34px 0 30px}.sp-search-inp-wrap.has-clear .sp-search-input.has-scan{padding-right:54px}.sp-search-trash{width:30px;height:30px}.sp-gal-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;padding:8px}.sp-gal-name{font-size:9px}.sp-gal-price{font-size:10px}.sp-cart-area{padding:4px 6px;gap:3px}.sp-cart-item{padding:6px}.sp-ci-name{font-size:11px}.sp-ci-total{font-size:12px}.sp-qty-btn{width:26px;height:26px;font-size:14px}.sp-qty-inp{width:38px;height:26px;font-size:11px}.sp-cia-btn{height:24px;padding:0 8px;font-size:10px}.sp-ft-total{font-size:15px}.sp-pay-btn{height:28px;padding:0 8px;font-size:10px}.sp-ft-act{width:26px;height:26px}.sp-disc-modal{max-width:none;width:100%;border-radius:var(--r) var(--r) 0 0;max-height:88dvh}.sp-modal-left{padding:8px 10px}.sp-disc-inp{font-size:14px;padding:5px 8px;margin-bottom:4px}.sp-modal-foot{padding:6px 10px 10px}.sp-disc-save{height:34px}.sp-mo.sp-mo-pay{padding:0;align-items:stretch}.sp-mo.sp-mo-pay .sp-pay-modal{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:none;border-radius:0;padding-bottom:0;overflow:hidden}.sp-pay-modal .sp-mh.compact{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px}.sp-pay-modal .sp-mh.compact .sp-mt{font-size:15px}.sp-pay-modal .sp-mh.compact .sp-mc{width:36px;height:36px;font-size:18px}.sp-modal-split.pay{flex:1;min-height:0;flex-direction:column;overflow:hidden}.sp-modal-split.pay .sp-modal-left{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px;display:flex;flex-direction:column;gap:7px}.sp-modal-split.pay .sp-modal-right{flex:none;display:flex;flex-direction:column;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg2)}.sp-pay-head-sum{margin:0;padding:6px 12px}.sp-pay-head-item{gap:2px}.sp-pay-head-item .sp-field-label{font-size:9px}.sp-pay-head-item .sp-disc-val{font-size:14px}.sp-pay-head-item .sp-disc-val.final{font-size:20px}.sp-pay-row{flex-wrap:nowrap;gap:6px;margin:0;padding:5px 8px;border:1.5px solid var(--border);border-radius:var(--r2);background:var(--bg)}.sp-pay-row.active{border-color:var(--accent);background:#4f8ef714}.sp-pay-lbl{width:44px;font-size:11px}.sp-pay-inp{flex:1;height:42px;padding:0 6px;font-size:18px;border:none;background:transparent}.sp-pay-row.active .sp-pay-inp{border:none;background:transparent}.sp-pay-fill{width:42px;height:42px}.sp-pay-fill-spacer{display:none}.sp-modal-split.pay .sp-pay-row .sp-acc-select{flex:0 0 auto;width:88px;height:42px;font-size:11px;padding-left:8px}.sp-pay-summary.compact{justify-content:space-between;margin:0;padding:5px 12px;gap:5px 14px}.sp-pay-sum-item{align-items:flex-start;gap:2px}.sp-pay-summary.compact .sp-field-label{font-size:9px}.sp-pay-summary.compact .sp-disc-val{font-size:15px}.sp-pay-due-row,.sp-pay-comment-row{margin:0;padding-top:0;border-top:none}.sp-pay-due-inp,.sp-pay-comment-inp{height:40px;font-size:13px}.sp-pay-cust,.sp-pay-cust.has{margin:0;padding:8px 10px;font-size:13px;min-height:42px}.sp-pay-error{margin:0;font-size:12px}.sp-pay-confirm{flex:none;height:54px;font-size:17px;font-weight:800;border-radius:var(--r2)}}@media (min-width: 481px){.sp-modal-split{flex-direction:row;align-items:stretch}.sp-modal-split .sp-modal-left{flex:1;overflow-y:auto;max-height:70vh;border-top:none}.sp-modal-split .sp-modal-right{width:220px;border-top:none;border-left:1px solid var(--border);padding:10px;justify-content:flex-start}.sp-modal-split.pay .sp-modal-left{max-height:none;overflow:visible;padding:10px 12px}.sp-modal-split.pay .sp-modal-right{width:240px;flex:none}.sp-disc-modal{max-width:580px;max-height:85vh}.sp-mo-pay{padding:16px;align-items:center}.sp-pay-modal{width:92vw;max-width:640px;height:auto;max-height:90vh;border-radius:var(--r)}.sp-modal-split.pay{max-height:calc(90vh - 44px)}.sp-modal-split.pay .sp-modal-right{justify-content:flex-end;flex:none}}.sp-prod-page{display:flex;flex-direction:column;min-height:0}.sp-prod-toolbar{display:flex;gap:8px;padding:8px 10px;flex-shrink:0;align-items:center}.sp-prod-search{flex:1;min-width:0;height:34px;padding:0 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:12px;outline:none}.sp-prod-search:focus{border-color:var(--accent)}.sp-prod-view-btn{width:36px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text2)}.sp-prod-view-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-prod-split-btn{width:36px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text2);transition:border-color .15s,color .15s,background .15s}.sp-prod-split-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-prod-split-btn.on{border-color:transparent;background:var(--accent);color:#fff}.sp-cat-select{position:relative;flex-shrink:0;width:128px}.sp-cat-select-trigger{display:flex;align-items:center;gap:2px}.sp-cat-select-btn{flex:1;min-width:0;height:34px;padding:0 8px;display:flex;align-items:center;gap:4px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text2);font-size:11px;font-weight:600}.sp-cat-select.has-val .sp-cat-select-btn{border-color:var(--accent);color:var(--text)}.sp-cat-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.sp-cat-select-chev{flex-shrink:0;opacity:.6}.sp-cat-select-clear{flex-shrink:0;width:26px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text3)}.sp-cat-select-clear:hover{background:var(--bg3);color:var(--text);border-color:var(--accent)}.sp-cat-select.open .sp-cat-select-btn{border-color:var(--accent)}.sp-cat-select-drop{position:absolute;top:calc(100% + 4px);right:0;z-index:50;width:min(240px,72vw);background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);box-shadow:0 8px 24px #0000002e;overflow:hidden}.sp-cat-select-search-wrap{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--border);color:var(--text3)}.sp-cat-select-search-wrap input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:12px;outline:none}.sp-cat-select-list{list-style:none;margin:0;padding:4px;max-height:220px;overflow-y:auto}.sp-cat-select-list button{width:100%;text-align:left;padding:8px 10px;border-radius:var(--r3);font-size:12px;color:var(--text2);border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cat-select-list button:hover{background:var(--bg3)}.sp-cat-select-list button.on{background:var(--accent);color:#fff;font-weight:700}.sp-cat-select-empty{padding:10px;font-size:11px;color:var(--text3);text-align:center}.sp-prod-cats{padding:4px 10px 8px;flex-shrink:0;border-bottom:1px solid var(--border)}.sp-prod-cat-search-wrap{position:relative;margin-bottom:6px}.sp-prod-cat-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.sp-prod-cat-search{width:100%;height:30px;padding:0 10px 0 30px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:11px;outline:none}.sp-prod-cat-search:focus{border-color:var(--accent)}.sp-prod-cat-chips{display:flex;flex-wrap:wrap;gap:6px;overflow:visible}.sp-prod-cat-chip{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg2);color:var(--text2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sp-prod-cat-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.sp-prod-cat-empty{font-size:11px;color:var(--text3);padding:4px 2px}.sp-prod-body{flex:1;min-height:0;overflow-y:auto;padding:8px 10px}.sp-prod-table-wrap{overflow-x:auto}.sp-prod-table{width:100%;border-collapse:collapse;font-size:12px}.sp-prod-table th{position:sticky;top:0;z-index:1;background:var(--bg3);color:var(--text3);font-weight:700;padding:8px 6px;text-align:left;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;white-space:nowrap;pointer-events:none}.sp-prod-table th.act{position:static;top:auto;z-index:0}.sp-prod-table th.num,.sp-prod-table td.num{text-align:right}.sp-prod-stock-head{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;max-width:100%}.sp-prod-stock-split{display:inline-flex;align-items:center;cursor:pointer;line-height:1;pointer-events:auto;position:relative;z-index:2}.sp-prod-stock-split input{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--sp-accent, #2563eb)}.sp-prod-stock-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.sp-prod-table th.act,.sp-prod-table td.act{width:40px;min-width:40px;text-align:center;padding:4px}.sp-prod-table td.act{position:relative;z-index:2}.sp-prod-table th.img-col,.sp-prod-table td.img-col{width:40px;padding:4px;text-align:center}.sp-prod-table th .sm{display:none}.sp-prod-thumb{width:32px;height:32px;border-radius:6px;overflow:hidden;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:0}.sp-prod-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-prod-thumb-ph{font-size:14px;line-height:1;opacity:.5}.sp-prod-thumb:hover{border-color:var(--accent)}.sp-prod-table td{padding:8px 6px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle}.sp-prod-row{cursor:default}.sp-prod-row-open{cursor:pointer}.sp-prod-row-open:hover,.sp-prod-row:hover .sp-prod-row-open{background:var(--bg3)}.sp-prod-table td.name{font-weight:600;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-prod-table td.cat{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text3);font-size:11px}.sp-prod-quick{width:28px;height:28px;border-radius:var(--r3);display:inline-flex;align-items:center;justify-content:center;background:var(--bg3);color:var(--text3);border:1px solid var(--border);cursor:pointer;flex-shrink:0;position:relative;z-index:3;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sp-prod-quick.busy{opacity:.55;cursor:wait;pointer-events:none}.sp-prod-quick:disabled{opacity:.55;cursor:wait}.sp-prod-quick.sm{width:24px;height:24px}.sp-prod-quick.on{background:#f59e0b26;color:#d97706;border-color:#f59e0b59}.sp-prod-quick svg{pointer-events:none}.sp-prod-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.sp-prod-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r2);background:var(--bg2);cursor:pointer;text-align:left;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.sp-prod-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow2)}.sp-prod-card.quick{border-color:#f59e0b80}.sp-prod-card.quick:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #f59e0b59}.sp-prod-card-img{position:relative;aspect-ratio:1;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center}.sp-prod-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-prod-card-quick{position:absolute;top:6px;right:6px;z-index:3;line-height:0}.sp-prod-card-body{display:flex;flex-direction:column;gap:4px;padding:8px 9px 9px;flex:1;min-width:0}.sp-prod-card-name{font-size:12px;font-weight:700;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-prod-card-cat{align-self:flex-start;max-width:100%;font-size:9.5px;font-weight:600;color:var(--text2);background:var(--bg3);border-radius:999px;padding:2px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-prod-card-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:auto;padding-top:2px}.sp-prod-card-prices{display:flex;flex-direction:column;min-width:0;line-height:1.15}.sp-prod-card-prices .rt{font-size:13px;font-weight:800;color:var(--accent)}.sp-prod-card-prices .wh{font-size:10px;font-weight:600;color:var(--text3)}.sp-prod-card-stock{flex-shrink:0;font-size:10px;font-weight:700;color:var(--text2);background:var(--bg3);border-radius:6px;padding:2px 7px;white-space:nowrap}.sp-prod-empty{text-align:center;color:var(--text3);font-size:12px;padding:24px 12px}.sp-prod-foot{flex-shrink:0;padding:4px 8px 6px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--text3)}.sp-img-gal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 12px 16px}.sp-img-gal-close{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:3;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.25);color:#fff;flex-shrink:0}.sp-img-gal-stage{position:relative;flex:1;width:100%;max-width:720px;display:flex;align-items:center;justify-content:center;min-height:0;touch-action:pan-y}.sp-img-gal-img{max-height:70vh;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--r3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-img-gal-nav{position:absolute;top:50%;transform:translateY(-50%);padding:8px;border-radius:999px;background:#00000080;color:#fff;z-index:2}.sp-img-gal-nav.left{left:4px}.sp-img-gal-nav.right{right:4px}.sp-img-gal-count{color:#fff;font-size:12px;margin:8px 0}.sp-img-gal-thumbs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:100%;padding:0 8px}.sp-img-gal-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;border:2px solid transparent;opacity:.65;flex-shrink:0}.sp-img-gal-thumb.on{border-color:var(--accent);opacity:1}.sp-img-gal-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 640px){.sp-prod-toolbar{padding:6px 8px;gap:6px}.sp-prod-search{height:32px;font-size:11px}.sp-cat-select{width:108px}.sp-cat-select-btn{height:32px;font-size:10px;padding:0 6px}.sp-cat-select-clear{width:24px;height:32px}.sp-prod-view-btn,.sp-prod-split-btn{width:32px;height:32px}.sp-prod-body{padding:8px}.sp-prod-table-wrap{overflow-x:visible}.sp-prod-table{font-size:12px}.sp-prod-table thead{display:none}.sp-prod-table,.sp-prod-table tbody,.sp-prod-table tr,.sp-prod-table td{display:block}.sp-prod-table tbody{display:flex;flex-direction:column;gap:8px}.sp-prod-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}.sp-prod-row td{border:none;padding:0}.sp-prod-row-open:hover,.sp-prod-row:hover .sp-prod-row-open{background:transparent}.sp-prod-table td.img-col{order:1;width:48px;flex:0 0 48px}.sp-prod-thumb{width:48px;height:48px}.sp-prod-table td.name{order:2;flex:1 1 auto;min-width:0;max-width:none;white-space:normal;font-size:13px;line-height:1.3}.sp-prod-table td.act{order:3;flex:0 0 auto;width:auto;min-width:0;margin-left:auto}.sp-prod-table td.cat{order:4;flex:1 1 100%;max-width:none;padding-left:56px;font-size:11px}.sp-prod-table td.num,.sp-prod-table td.sp-prod-stock-cell{order:5;flex:0 0 auto;text-align:left;font-size:12px;font-weight:700;color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:3px 9px}.sp-prod-table td.num:before,.sp-prod-table td.sp-prod-stock-cell:before{content:attr(data-label) ": ";color:var(--text3);font-weight:500;font-size:10px;text-transform:uppercase}.sp-prod-empty{padding:20px 12px}.sp-prod-gallery{grid-template-columns:1fr;gap:8px}.sp-prod-card{flex-direction:row;align-items:stretch;border-radius:var(--r2)}.sp-prod-card:hover{transform:none}.sp-prod-card-img{flex:0 0 68px;width:68px;aspect-ratio:1;border-radius:0}.sp-prod-card-quick{top:4px;right:4px}.sp-prod-card-body{padding:7px 10px;gap:3px}.sp-prod-card-name{font-size:13px}.sp-prod-card-cat{font-size:10px;padding:1px 8px}.sp-prod-card-meta{align-items:center;padding-top:1px}.sp-prod-card-prices{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:2px 8px}.sp-prod-card-prices .rt{font-size:14px}.sp-prod-card-prices .wh{font-size:11px}.sp-prod-card-stock{font-size:10.5px}}.sp-cust-page{display:flex;flex-direction:column;min-height:0}.sp-cust-toolbar{display:flex;gap:8px;padding:8px 10px;flex-shrink:0;align-items:center}.sp-cust-search{flex:1;min-width:0;height:34px;padding:0 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:12px;outline:none}.sp-cust-search:focus{border-color:var(--accent)}.sp-cust-sort{height:34px;padding:0 8px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text2);font-size:11px;max-width:88px;flex-shrink:0}.sp-cust-filters{display:flex;gap:6px;padding:0 10px 8px;flex-shrink:0}.sp-cust-filter{padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg2);color:var(--text2)}.sp-cust-filter.on{background:var(--accent);border-color:var(--accent);color:#fff}.sp-cust-summary{display:flex;justify-content:space-between;gap:8px;padding:0 12px 6px;font-size:11px;color:var(--text3);flex-shrink:0}.sp-cust-summary-debt{color:#d97706;font-weight:700}.sp-cust-screen{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--bg)}.sp-cust-screen-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg2)}.sp-cust-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg);color:var(--text);flex-shrink:0}.sp-cust-screen-title{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cust-screen-body{flex:1;min-height:0;overflow-y:auto;padding:12px}.sp-cust-screen-top{flex-shrink:0;padding:12px 12px 0}.sp-cust-history-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 12px 12px}.sp-cust-history-scroll{flex:1;min-height:120px;max-height:100%;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r3);background:var(--bg2)}.sp-cust-hist-row-btn{width:100%;text-align:left;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer}.sp-cust-hist-row-btn:hover{background:var(--bg3)}.sp-cust-hist-row-btn:last-child{border-bottom:none}.sp-cust-hist-left{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-cust-hist-type{font-size:12px;font-weight:700}.sp-cust-hist-doc{font-size:10px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cust-hist-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.sp-cust-hist-main{display:flex;justify-content:space-between;gap:8px;align-items:center}.sp-cust-tx-detail{display:flex;flex-direction:column;gap:0}.sp-cust-tx-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.sp-cust-tx-k{color:var(--text3);flex-shrink:0}.sp-cust-tx-v{font-weight:700;text-align:right;word-break:break-word}.sp-cust-tx-v.debt{color:#d97706}.sp-cust-tx-v.pay{color:#16a34a}.sp-cust-tx-section{margin-top:12px;margin-bottom:4px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text3)}.sp-cust-akt-body{padding-bottom:16px}.sp-cust-akt-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}.sp-cust-akt-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text3)}.sp-cust-akt-field input{height:34px;padding:0 10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);font-size:12px}.sp-cust-akt-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.sp-cust-akt-preview{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--r3);background:#fff;color:#111}.sp-cust-akt-doc{padding:16px;font-size:12px;min-width:520px}.sp-cust-akt-doc h1{font-size:15px;text-align:center;margin:0 0 6px;color:#111}.sp-cust-akt-doc .sub{text-align:center;margin:0 0 14px;color:#444}.sp-cust-akt-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:11px}.sp-cust-akt-table th,.sp-cust-akt-table td{border:1px solid #333;padding:5px 6px;vertical-align:top}.sp-cust-akt-table th{background:#f3f3f3}.sp-cust-akt-table .num{text-align:right;white-space:nowrap}.sp-cust-akt-table tr.open td{background:#fafafa}.sp-cust-akt-total{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:6px 0}.sp-cust-akt-totals-right{margin-top:14px;margin-left:auto;width:100%;max-width:300px}.sp-cust-akt-totals-right .sp-cust-akt-total{border-bottom:1px solid #ddd;padding-bottom:8px;margin-top:0}.sp-cust-akt-totals-right .sp-cust-akt-current{margin-top:0}.sp-cust-akt-current{margin-top:14px;padding:10px;border:2px solid #111;font-weight:800;text-align:right;font-size:13px}.sp-cust-akt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--text3);font-size:13px}.sp-cust-akt-parties{display:flex;justify-content:space-between;gap:16px;margin:12px 0 16px;font-size:11px;line-height:1.6}.sp-cust-akt-party{flex:1}.sp-cust-akt-party.right{text-align:right}.sp-cust-akt-party .party-title{font-weight:800;font-size:11px;text-transform:uppercase;margin-bottom:4px}.sp-cust-tx-sale-link{display:block;width:100%;margin-top:12px;padding:10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);text-align:left;cursor:pointer}.sp-cust-tx-sale-link:hover{border-color:var(--accent)}.sp-cust-tx-sale-hint{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px;font-size:11px;color:var(--accent);font-weight:600}.sp-cust-sale-item{padding:8px 0;border-bottom:1px solid var(--border)}.sp-cust-sale-item-name{font-size:13px;font-weight:700;margin-bottom:2px}.sp-cust-sale-item-line{font-size:12px;color:var(--text2)}.sp-cust-sale-item-sub{font-size:10px;color:var(--text3);margin-top:2px}.sp-cust-loc-field{margin-top:4px}.sp-cust-loc-actions{display:flex;gap:8px;flex-wrap:wrap}.sp-cust-loc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r3);background:#4f8ef71a;color:var(--accent);font-size:12px;font-weight:600;border:1px solid rgba(79,142,247,.25)}.sp-cust-loc-clear{padding:8px 10px;border-radius:var(--r3);font-size:11px;color:var(--text3);background:var(--bg3)}.sp-cust-loc-coords{font-size:11px;color:var(--text3);margin-top:6px}.sp-cust-loc-map{width:100%;height:140px;border:1px solid var(--border);border-radius:var(--r3);margin-top:8px}.sp-cust-loc-link{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--accent);text-decoration:none}.sp-cust-loc-link:hover{text-decoration:underline}.sp-cust-loc-hint{font-size:11px;color:var(--text3);line-height:1.4}.sp-cust-loc-search-wrap{display:flex;gap:6px;align-items:center;position:relative}.sp-cust-loc-search-wrap .sp-cust-loc-search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.sp-cust-loc-search{flex:1;min-width:0;height:36px;padding:0 10px 0 30px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:12px;outline:none}.sp-cust-loc-search:focus{border-color:var(--accent)}.sp-cust-loc-search-btn{height:36px;padding:0 12px;border-radius:var(--r3);background:var(--bg3);color:var(--text2);font-size:11px;font-weight:700;flex-shrink:0}.sp-cust-loc-results{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto}.sp-cust-loc-result{display:flex;align-items:flex-start;gap:6px;text-align:left;padding:8px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);font-size:11px;color:var(--text2);line-height:1.35}.sp-cust-loc-result:hover{border-color:var(--accent)}.sp-cust-hist-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.sp-cust-hist-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.sp-cust-hist-badge.credit{background:#f59e0b26;color:#d97706}.sp-cust-hist-badge.credit.sale{background:#4f8ef71f;color:var(--accent)}.sp-cust-hist-badge.payment{background:#22c55e1f;color:#16a34a}.sp-cust-hist-row-btn.sale{border-color:#4f8ef740}.sp-cust-tx-hero{text-align:center;padding:16px 12px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.sp-cust-tx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:10px}.sp-cust-tx-badge.credit{background:#f59e0b26;color:#d97706}.sp-cust-tx-badge.credit.sale{background:#4f8ef71f;color:var(--accent)}.sp-cust-tx-badge.payment{background:#22c55e1f;color:#16a34a}.sp-cust-tx-amount{font-size:28px;font-weight:800;line-height:1.1}.sp-cust-tx-amount span{font-size:14px;font-weight:600}.sp-cust-tx-amount.debt{color:#d97706}.sp-cust-tx-amount.pay{color:#16a34a}.sp-cust-tx-when{margin-top:6px;font-size:11px;color:var(--text3)}.sp-cust-tx-sale-card{display:block;width:100%;margin-top:16px;padding:12px;border-radius:var(--r3);border:1px solid rgba(79,142,247,.3);background:#4f8ef70f;text-align:left;cursor:pointer}.sp-cust-tx-sale-card:hover{border-color:var(--accent)}.sp-cust-tx-sale-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:10px}.sp-cust-tx-sale-head svg:last-child{margin-left:auto}.sp-cust-tx-sale-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.sp-cust-tx-sale-grid .k{display:block;font-size:10px;color:var(--text3);margin-bottom:2px}.sp-cust-tx-sale-grid .v{display:block;font-size:12px;font-weight:600}.sp-cust-tx-sale-grid .v.debt{color:#d97706}.sp-cust-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 10px 8px}.sp-cust-table-wrap{overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch}.sp-cust-table{width:100%;border-collapse:collapse;font-size:12px}.sp-cust-table th{position:sticky;top:0;z-index:1;background:var(--bg3);color:var(--text3);font-weight:700;padding:8px 6px;text-align:left;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase}.sp-cust-table th.num,.sp-cust-table td.num{text-align:right}.sp-cust-table th.av,.sp-cust-table td.av{width:36px;padding:4px}.sp-cust-table th.act,.sp-cust-table td.act{width:56px;text-align:center}.sp-cust-act-inner{display:flex;align-items:center;justify-content:flex-end;gap:4px}.sp-cust-table td{padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:middle}.sp-cust-row{cursor:pointer}.sp-cust-row:hover td{background:var(--bg3)}.sp-cust-table td.name{font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cust-table td.addr{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text3);font-size:11px}.sp-cust-table td.tel{font-size:11px}.sp-cust-table td.num.debt{color:#d97706;font-weight:700}.sp-cust-table th.due,.sp-cust-table td.due{width:72px;text-align:center;font-size:11px}.sp-cust-due-btn{border:none;background:#3b82f61a;color:#2563eb;font-size:10px;font-weight:700;padding:3px 6px;border-radius:999px;cursor:pointer;white-space:nowrap}.sp-cust-due-btn.overdue{background:#ef44441f;color:#dc2626}.sp-cust-card-due{margin-top:6px;align-self:flex-start;border:none;background:#3b82f61a;color:#2563eb;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer}.sp-due-pop{width:min(280px,92vw);padding:16px;text-align:center}.sp-due-pop-title{font-size:11px;color:var(--text3);text-transform:uppercase;font-weight:700}.sp-due-pop-name{font-size:14px;font-weight:700;margin:8px 0 4px}.sp-due-pop-date{font-size:20px;font-weight:800;margin-bottom:14px}.sp-due-pop .sp-btn{width:100%;margin:0}.sp-cust-avatar{width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.sp-cust-avatar.lg{width:48px;height:48px;font-size:20px}.sp-cust-tel{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.sp-cust-tel:hover{text-decoration:underline}.sp-cust-pay-btn{width:28px;height:28px;border-radius:var(--r3);display:inline-flex;align-items:center;justify-content:center;background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.sp-cust-sms-remind-btn{width:28px;height:28px;border-radius:var(--r3);display:inline-flex;align-items:center;justify-content:center;background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.sp-cust-sms-remind-btn:disabled{opacity:.6}.sp-cust-card-sms{margin-top:6px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--r3);border:1px solid rgba(59,130,246,.25);background:#3b82f614;color:#2563eb;font-size:12px;font-weight:600}.sp-cd-act.sms{border-color:#3b82f64d;color:#2563eb;background:#3b82f614}.sp-cd-act.telegram{border-color:#229ed94d;color:#2299d9;background:#229ed914}.sp-cust-cards{display:flex;flex-direction:column;gap:6px}.sp-cust-card-c{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--r3);background:var(--bg2);padding:8px 10px;cursor:pointer;text-align:left}.sp-cust-card-c.has-debt{border-color:#f59e0b59}.sp-cust-card-c.has-advance{border-color:#10b98159}.sp-cust-card-c-main{flex:1;min-width:0}.sp-cust-card-c-row1{display:flex;align-items:baseline;gap:8px}.sp-cust-card-c-name{flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cust-card-c-sub{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;margin-top:2px;font-size:11px;color:var(--text3)}.sp-cust-card-c-sub .sp-cust-tel{font-size:11px}.sp-cust-card-c-addr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.sp-cust-card-c-sub .sp-cust-card-visit{margin:0}.sp-cust-card-c-sub .sp-cust-card-due{margin:0;padding:2px 8px;font-size:10px}.sp-cust-card-c-acts{display:flex;align-items:center;gap:6px;flex-shrink:0}.sp-cust-card-c .sp-cust-card-advance{font-size:12px;font-weight:800;color:#059669;white-space:nowrap}.sp-cust-card{border:1px solid var(--border);border-radius:var(--r3);background:var(--bg2);padding:10px;cursor:pointer;text-align:left}.sp-cust-card.has-debt{border-color:#f59e0b59}.sp-cust-card-top{display:flex;align-items:flex-start;gap:10px}.sp-cust-card-meta{flex:1;min-width:0}.sp-cust-card-name{font-size:13px;font-weight:700;margin-bottom:2px}.sp-cust-card-debt{font-size:12px;font-weight:800;color:#d97706;white-space:nowrap}.sp-cust-card-addr{font-size:11px;color:var(--text3);margin-top:6px;padding-left:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cust-card-pay{margin-top:8px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:var(--r3);background:#22c55e1a;color:#16a34a;font-size:11px;font-weight:700;border:1px solid rgba(34,197,94,.2)}.sp-cust-empty{text-align:center;color:var(--text3);font-size:12px;padding:24px 12px}.sp-cust-foot{flex-shrink:0;padding:4px 8px 6px;border-top:1px solid var(--border)}.sp-cust-detail{width:92vw;max-width:420px;max-height:92vh;display:flex;flex-direction:column}.sp-cust-detail-body{overflow-y:auto}.sp-cust-detail-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.sp-cust-detail-meta{flex:1;min-width:0}.sp-cust-detail-name{font-size:18px;font-weight:800;margin-bottom:6px}.sp-cust-detail-link,.sp-cust-detail-addr{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2);margin-bottom:4px;text-decoration:none}.sp-cust-detail-link{color:var(--accent)}.sp-cust-debt-box{padding:12px;border-radius:var(--r3);background:var(--bg3);border:1px solid var(--border);margin-bottom:12px;display:flex;flex-direction:column;gap:2px}.sp-cust-debt-box.has{border-color:#f59e0b59;background:#f59e0b14}.sp-cust-debt-label{font-size:11px;color:var(--text3)}.sp-cust-debt-val{font-size:20px;font-weight:800;color:var(--text)}.sp-cust-debt-box.has .sp-cust-debt-val{color:#d97706}.sp-cust-debt-sub{font-size:10px;color:var(--text3)}.sp-cust-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sp-cust-act{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);font-size:12px;font-weight:600;color:var(--text2)}.sp-cust-act.primary{background:var(--accent);border-color:var(--accent);color:#fff}.sp-cust-act.telegram{border-color:#229ed94d;color:#2299d9;background:#229ed914}.sp-cust-act:disabled{opacity:.55}.sp-cust-edit-fields{display:flex;flex-direction:column;gap:6px;width:100%}.sp-cust-inp{width:100%;padding:8px 10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);font-size:12px;outline:none}.sp-cust-inp:focus{border-color:var(--accent)}.sp-cust-err{font-size:12px;color:#ef4444;margin-bottom:8px}.sp-cust-history-title{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;margin-bottom:8px}.sp-cust-hist-row{padding:8px 0;border-bottom:1px solid var(--border)}.sp-cust-hist-main{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}.sp-cust-hist-main .debt{color:#d97706}.sp-cust-hist-main .pay{color:#16a34a}.sp-cust-hist-date{font-size:10px;color:var(--text3);margin-top:2px}.sp-sale-page{display:flex;flex-direction:column;min-height:0}.sp-sale-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--accent)}.sp-sale-total-pill{margin-left:auto;font-size:11px;color:var(--text2);padding:4px 10px;border-radius:999px;background:var(--bg3)}.sp-sale-table th.sync,.sp-sale-table td.sync{width:28px;text-align:center}.sp-sale-table th.dt,.sp-sale-table td.dt{white-space:nowrap;font-size:10px;color:var(--text3)}.sp-sale-table th.act,.sp-sale-table td.act{width:64px}.sp-sale-table td.act{display:flex;align-items:center;justify-content:flex-end;gap:4px}.sp-sale-row.canceled td{text-decoration:line-through;opacity:.55}.sp-sale-row.canceled td.act{text-decoration:none;opacity:1}.sp-sale-row.pending-sync td.sync{cursor:pointer}.sp-sale-offline-banner{flex-shrink:0;margin:0 12px 4px;padding:6px 10px;border-radius:var(--r3);background:#94a3b826;color:var(--text2);font-size:11px;font-weight:600;text-align:center}.sp-sale-pending-banner{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin:0 12px 6px;padding:8px 12px;border-radius:var(--r3);background:#eab30824;border:1px solid rgba(234,179,8,.35);color:#ca8a04;font-size:11px;font-weight:600;text-align:center}[data-theme=light] .sp-sale-pending-banner{color:#a16207}.sp-sale-pending-banner.detail{margin:0;border-radius:0;border-left:none;border-right:none}.sp-sale-sync-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0b0f1ab8;color:var(--text);font-size:13px;font-weight:600}[data-theme=light] .sp-sale-sync-overlay{background:#ffffffd9;color:var(--text)}.sp-sale-act{width:28px;height:28px;border-radius:var(--r3);display:inline-flex;align-items:center;justify-content:center}.sp-sale-act.return{background:#4f8ef71f;color:var(--accent)}.sp-sale-act.cancel{background:#ef44441a;color:#ef4444}.sp-sale-act.telegram{background:#229ed91f;color:#2299d9}.sp-sync-badge{display:inline-flex;align-items:center;justify-content:center}.sp-sync-badge.pending{color:#eab308}.sp-sync-badge.err{color:#ef4444}.sp-sale-head-sync{margin-left:auto;margin-right:8px}.sp-sale-hero{border-bottom:none;padding-bottom:8px}.sp-sale-hero-meta{font-size:11px;color:var(--text3);margin-top:4px}.sp-sale-cancel-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#ef44441f;color:#dc2626;font-size:10px;font-weight:800;margin-bottom:8px}.sp-sale-cust-link{display:flex;align-items:center;gap:8px;width:100%;margin:0 12px 10px;padding:10px 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);text-align:left;font-size:13px;font-weight:600}.sp-sale-cust-link .sub{font-size:11px;color:var(--text3);font-weight:400}.sp-sale-cust-link svg:last-child{margin-left:auto;color:var(--text3)}.sp-sale-print-row{display:flex;gap:8px;width:100%;flex-wrap:wrap}.sp-sale-print-select{height:34px;padding:0 8px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);font-size:12px;min-width:88px}.sp-sale-print-fmt{display:inline-flex;align-items:center;height:34px;padding:0 10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);font-size:12px;color:var(--text2);white-space:nowrap}.canceled,.sp-cust-tx-detail.canceled .sp-cust-tx-row.canceled,.sp-cust-sale-item.canceled,.sp-cust-tx-row.canceled{text-decoration:line-through;opacity:.6}.sp-cust-sale-item-name{display:flex;align-items:center;gap:6px}.sp-sale-card.canceled .sp-cust-card-name,.sp-sale-card.canceled .sp-sale-card-sub,.sp-sale-card.canceled .sp-cust-card-debt{text-decoration:line-through;opacity:.6}.sp-return-banner{flex-shrink:0;margin:0 8px 4px;padding:6px 10px;border-radius:var(--r3);background:#4f8ef71f;color:var(--accent);font-size:11px;font-weight:600;text-align:center}.sp-cart-item.return-canceled{opacity:.55;text-decoration:line-through}.sp-cart-item.return-canceled .sp-ci-x{text-decoration:none;opacity:1}.sp-exp-table td.sub,.sp-pay-table td.sub{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text3);font-size:11px}.sp-exp-row-click{cursor:pointer}.sp-exp-row-click:hover td{background:var(--bg3)}.sp-exp-detail-modal{width:min(420px,96vw);max-height:90vh;overflow:auto}.sp-exp-detail-body{padding:12px 14px 14px}.sp-cd-act.danger{background:#dc26261a;border-color:#dc262659;color:#dc2626}.sp-pay-table tr.clickable{cursor:pointer}.sp-pay-table td.linkish{color:var(--accent);font-weight:600}.sp-pay-filter-sep{width:1px;height:18px;background:var(--border);margin:0 4px;flex-shrink:0}.sp-shifts-page .sp-cust-toolbar{padding-bottom:8px}.sp-shift-body{padding:0 10px 8px}.sp-shift-empty{padding:32px 12px;text-align:center}.sp-shift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;align-content:start}.sp-shift-card{border:1px solid var(--border);border-radius:var(--r2);background:var(--bg2);overflow:hidden}.sp-shift-card.open{border-color:#10d98a73;box-shadow:0 0 0 1px #10d98a1f}.sp-shift-card-head{padding:10px 12px 8px;border-bottom:1px solid var(--border);background:var(--bg3)}.sp-shift-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-shift-card-title .no{font-size:13px;font-weight:800}.sp-shift-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#94a3c426;color:var(--text3)}.sp-shift-badge.open{background:#10d98a26;color:var(--green)}.sp-shift-card-meta{margin-top:4px;font-size:10px;color:var(--text3);display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sp-shift-card-meta .dot{opacity:.5}.sp-shift-card-loading{display:flex;align-items:center;justify-content:center;padding:28px;color:var(--accent)}.sp-shift-card-loading.tall{flex-direction:column;gap:10px;padding:36px;font-size:12px;color:var(--text3)}.sp-shift-card-empty{padding:16px;text-align:center;font-size:11px;color:var(--text3)}.sp-shift-card-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}.sp-shift-hero-item{text-align:center;padding:6px 4px;border-radius:var(--r3);background:var(--bg3)}.sp-shift-hero-item .lbl{display:block;font-size:9px;color:var(--text3);margin-bottom:2px}.sp-shift-hero-item .val{display:block;font-size:12px;font-weight:800;font-family:var(--mono)}.sp-shift-hero-item .val.accent{color:var(--green)}.sp-shift-hero-item.main .val{color:var(--accent);font-size:13px}.sp-shift-type-table{padding:6px 10px 4px;border-bottom:1px solid var(--border);font-size:10px}.sp-shift-type-head,.sp-shift-type-row{display:grid;grid-template-columns:52px repeat(4,1fr);gap:4px;align-items:center;text-align:right}.sp-shift-type-head{color:var(--text3);font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px}.sp-shift-type-head span:first-child{text-align:left}.sp-shift-type-row{padding:4px 0;font-family:var(--mono);font-weight:600}.sp-shift-type-row .lbl{text-align:left;font-family:var(--font);font-weight:700;color:var(--text2);font-size:10px}.sp-shift-type-row .sum{font-weight:800;color:var(--accent)}.sp-shift-type-row.accent .sum{color:var(--green)}.sp-shift-view-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:700;color:var(--accent);border-top:1px solid var(--border);background:var(--bg3)}.sp-shift-view-btn:hover{background:#4f8ef71a}.sp-shift-detail-modal{width:min(520px,96vw);max-height:90vh;overflow:auto}.sp-shift-detail-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sp-shift-detail-body{padding:0 14px 14px}.sp-shift-detail-body .sp-shift-type-table{margin-bottom:10px}.sp-shift-detail-body .sp-shift-stats{padding:0}.sp-shift-stats{padding:8px 10px 10px}.sp-shift-stats.compact .sp-shift-stats-section{padding-top:6px;margin-top:6px}.sp-shift-stats.compact .sp-shift-stats-section:first-child{margin-top:0;padding-top:0;border-top:none}.sp-shift-stats-section{border-top:1px dashed var(--border);padding-top:8px;margin-top:8px}.sp-shift-stats-section:first-child{border-top:none;margin-top:0;padding-top:0}.sp-shift-stat-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:2px 0}.sp-shift-stat-row .k{color:var(--text3)}.sp-shift-stat-row .v{font-weight:600;text-align:right}.sp-shift-stat-row.bold .v{font-weight:800}.sp-shift-stat-row.accent .v{color:var(--green)}.sp-close-shift-modal{width:min(480px,100%);max-height:90vh;overflow:auto;padding:0;text-align:left}.sp-close-shift-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2);z-index:1}.sp-close-shift-head h3{margin:0;font-size:15px;font-weight:800}.sp-modal-x{flex-shrink:0;width:32px;height:32px;border-radius:var(--r3);display:inline-flex;align-items:center;justify-content:center;color:var(--text3)}.sp-close-shift-sub{margin:4px 0 0;font-size:11px;color:var(--text3)}.sp-close-shift-hint{margin:0;padding:10px 14px;font-size:11px;color:var(--text2);background:#4f8ef714;border-bottom:1px solid var(--border)}.sp-close-shift-offline{margin:0;padding:8px 14px;font-size:11px;font-weight:600;color:#ef4444;background:#ef444414;border-bottom:1px solid var(--border)}.sp-close-shift-modal .sp-shift-stats{padding:10px 14px}.sp-close-shift-actions{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--bg2)}.sp-close-shift-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--redg)!important}.sp-exp-modal{width:min(380px,100%);padding:0;text-align:left}.sp-exp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.sp-exp-modal-head h3{margin:0;font-size:14px;font-weight:800}.sp-exp-form{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.sp-exp-type-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-exp-type-btn{padding:8px 6px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);font-size:11px;font-weight:700;text-transform:capitalize;color:var(--text2)}.sp-exp-type-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.sp-exp-amount-box{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border-radius:var(--r2);border:1.5px solid var(--border);background:var(--bg3);transition:border-color var(--tr),box-shadow var(--tr)}.sp-exp-amount-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f8ef72e}.sp-exp-amount-input{flex:1;min-width:0;height:44px;border:0;background:transparent;color:var(--text);font-family:var(--mono);font-size:26px;font-weight:800;letter-spacing:.5px;outline:none}.sp-exp-amount-input::-moz-placeholder{color:var(--text3)}.sp-exp-amount-input::placeholder{color:var(--text3)}.sp-exp-amount-side{display:flex;align-items:center;gap:6px;flex-shrink:0}.sp-exp-amount-cur{font-size:12px;font-weight:700;color:var(--text2)}.sp-exp-amount-clear{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text2);transition:color var(--tr),border-color var(--tr),background var(--tr)}.sp-exp-amount-clear:hover:not(:disabled){color:var(--red);border-color:var(--red)}.sp-exp-amount-clear:disabled{opacity:.4}.sp-exp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-exp-quick-btn{height:40px;padding:0 4px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--accent2);font-family:var(--mono);font-size:12px;font-weight:700;transition:background var(--tr),border-color var(--tr),transform .1s ease}.sp-exp-quick-btn:hover{border-color:var(--accent);background:var(--bg4)}.sp-exp-quick-btn:active{transform:scale(.95)}.sp-exp-form .sp-acc-select.wide{height:44px;font-size:14px;padding-left:12px}.sp-exp-input{width:100%;height:44px;padding:0 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:14px;outline:none}.sp-exp-input:focus{border-color:var(--accent)}.sp-exp-source-wrap{position:relative}.sp-exp-source-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:4px;list-style:none;max-height:160px;overflow-y:auto;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);box-shadow:var(--shadow2)}.sp-exp-source-item{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:var(--r3);font-size:12px;font-weight:600;color:var(--text)}.sp-exp-source-item:hover,.sp-exp-source-item:focus{background:var(--bg3)}.sp-exp-error{margin:0;font-size:11px;color:var(--red)}.sp-exp-done{margin:0;padding:36px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:14px;font-weight:700;color:var(--green)}.sp-exp-done-ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:#fff;background:var(--greeng);box-shadow:0 6px 18px #10d98a59}.sp-exp-save{margin:4px 0 0;width:100%;height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800}.sp-exp-save:disabled{opacity:.55}.sp-exp-sum-row{display:flex;align-items:center;gap:6px}.sp-exp-sum-row .sp-exp-input{flex:1;min-width:0}@media (max-width: 640px){.sp-mo.center.sp-exp-mo{align-items:flex-end}.sp-mo.center.sp-exp-mo .sp-exp-modal{width:100%;max-width:100%;margin:0;border-radius:var(--r) var(--r) 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.sp-exp-form{padding:14px 14px 16px;gap:10px}.sp-exp-quick-btn{height:44px;font-size:13px}.sp-exp-amount-input{font-size:30px;height:48px}}.sp-acc-select{flex-shrink:0;width:108px;max-width:38%;height:32px;padding:0 24px 0 8px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sp-acc-select:focus{outline:none;border-color:var(--accent)}.sp-acc-select.empty{color:var(--text3);cursor:not-allowed}.sp-acc-select.wide{width:100%;max-width:none}.sp-pay-row .sp-acc-select{width:92px;height:30px;font-size:10px;padding-left:6px}.sp-cust-pay-debt{display:flex;justify-content:space-between;font-size:12px;padding:0 2px}.sp-cust-pay-debt b{color:#d97706}.sp-cust-pay-debt.sub{color:var(--text3);font-size:11px}.sp-cust-pick-btn{text-align:left;cursor:pointer}.sp-cust-pick-btn.static{cursor:default}.sp-cpay-modal{width:min(420px,100%);padding:0;text-align:left;overflow:hidden}.sp-cpay-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg3)}.sp-cpay-head h3{margin:0;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800}.sp-cpay-head h3 svg{color:var(--accent)}.sp-cpay-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px}.sp-cpay-cust{width:100%;min-height:44px;padding:8px 12px;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:14px;font-weight:700;text-align:left;cursor:pointer}.sp-cpay-cust.static{cursor:default}.sp-cpay-amount{border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);padding:10px 14px 8px}.sp-cpay-amount-lbl{display:block;font-size:11px;font-weight:600;color:var(--text3)}.sp-cpay-amount-val,.sp-cpay-amount-inp{width:100%;border:none;background:transparent;color:var(--text);font-family:var(--mono);font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.5px;outline:none;padding:2px 0}.sp-cpay-amount-inp::-moz-placeholder{color:var(--text3)}.sp-cpay-amount-inp::placeholder{color:var(--text3)}.sp-cpay-amount-sub{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;color:var(--text2)}.sp-cpay-amount-sub b{color:var(--orange)}.sp-cpay-amount-sub .adv{color:var(--green);font-weight:700}.sp-cpay-quick{display:flex;flex-wrap:wrap;gap:6px}.sp-cpay-chip{flex:1 1 auto;min-width:68px;min-height:38px;padding:6px 10px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.sp-cpay-chip:active{filter:brightness(.9)}.sp-cpay-chip.full{flex-basis:100%;border-color:transparent;background:#10d98a24;color:var(--green)}.sp-cpay-acc-select{width:100%;height:40px;padding:0 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;outline:none}.sp-cpay-acc-select:focus{border-color:var(--accent)}.sp-cpay-comment{width:100%;height:40px;padding:0 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;outline:none}.sp-cpay-comment:focus{border-color:var(--accent)}.sp-cpay-err{margin:0;font-size:12px;font-weight:600;color:var(--red)}.sp-cpay-save{width:100%;height:50px;border:none;border-radius:var(--r2);background:var(--greeng);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #10d98a4d}.sp-cpay-save:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.sp-cpay-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;font-size:15px;font-weight:800;color:var(--green)}.sp-cpay-done-ic{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#10d98a29}@media (max-width: 480px){.sp-cpay-modal{width:100%}.sp-cpay-save{height:54px}.sp-cpay-amount-inp{font-size:34px}}.sp-debt-modal{width:min(420px,100%)}.sp-debt-form{gap:12px}.sp-debt-amount-box{display:flex;flex-direction:column;gap:8px}.sp-debt-amount-field{position:relative;display:flex;align-items:center;height:60px;padding:0 6px 0 12px;border-radius:var(--r3);border:1.5px solid var(--border);background:var(--bg3);transition:border-color .15s}.sp-debt-amount-field:focus-within{border-color:var(--accent)}.sp-debt-amount-inp{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:30px;font-weight:800;letter-spacing:.5px;outline:none}.sp-debt-amount-inp::-moz-placeholder{color:var(--text3);font-weight:700}.sp-debt-amount-inp::placeholder{color:var(--text3);font-weight:700}.sp-debt-cur{font-size:13px;font-weight:700;color:var(--text2);margin-left:6px;white-space:nowrap}.sp-debt-clear{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:4px;border:none;border-radius:50%;background:transparent;color:var(--text3);flex-shrink:0}.sp-debt-clear:active{background:var(--bg2);color:var(--text)}.sp-debt-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-debt-quick-btn{height:42px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.sp-debt-quick-btn:hover{border-color:var(--accent);color:var(--text)}.sp-debt-quick-btn:active{background:var(--accent);border-color:var(--accent);color:#fff}.sp-debt-summary{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:var(--r3);background:var(--bg3)}.sp-debt-sum-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--text2)}.sp-debt-sum-row b{color:var(--text);font-weight:700}.sp-debt-sum-row.total{padding-top:5px;border-top:1px dashed var(--border)}.sp-debt-sum-row.total b{color:#d97706;font-size:16px}.sp-debt-due{position:relative;display:flex;flex-direction:column;gap:8px}.sp-debt-due-label{font-size:12px;font-weight:700;color:var(--text2)}.sp-debt-due-chips{display:flex;flex-wrap:wrap;gap:6px}.sp-debt-chip{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 13px;border-radius:20px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:12px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.sp-debt-chip:active{transform:scale(.96)}.sp-debt-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.sp-debt-date-hidden{position:absolute;bottom:0;left:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.sp-debt-save{height:48px;font-size:15px;font-weight:800}.sp-debt-save:disabled{opacity:.5}@media (max-width: 480px){.sp-debt-amount-inp{font-size:26px}.sp-debt-quick-btn{height:46px;font-size:14px}.sp-debt-chip{min-height:42px;padding:0 15px;font-size:13px}.sp-debt-save{height:52px;font-size:16px}}.sp-pay-tabs{display:flex;gap:6px;padding:6px 10px 0;flex-shrink:0}.sp-pay-tab{flex:1;min-width:0;padding:7px 8px;border-radius:var(--r3);font-size:11px;font-weight:700;text-align:center;border:1px solid var(--border);background:var(--bg2);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-pay-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.sp-cust-type-filter{max-width:76px}.sp-cust-account-filter{max-width:120px}.sp-cust-filters-compact{flex-wrap:wrap;align-items:center}@media (max-width: 640px){.sp-cust-toolbar{padding:6px 8px;gap:4px}.sp-cust-search{height:32px;font-size:11px;min-width:0}.sp-cust-sort{height:30px;font-size:9px;max-width:58px;padding:0 4px}.sp-cust-type-filter{max-width:52px}.sp-cust-account-filter{max-width:72px}.sp-cust-filters{padding:0 8px 6px;gap:4px}.sp-cust-filter{font-size:9px;padding:2px 7px;font-weight:600}.sp-sale-total-pill{font-size:9px;padding:2px 8px;margin-left:auto}.sp-pay-tabs{padding:4px 8px 0;gap:4px}.sp-pay-tab{font-size:10px;padding:5px 4px}.sp-cust-table{font-size:10px}.sp-cust-table th,.sp-cust-table td{padding:6px 4px}.sp-cust-table td.name{max-width:80px}.sp-cust-table th.addr,.sp-cust-table td.addr,.sp-sale-table th.cust,.sp-sale-table td.cust{display:none}.sp-shift-grid{grid-template-columns:1fr;gap:8px}.sp-shift-card-hero .val{font-size:11px}}.sp-profile-page{display:flex;flex-direction:column;min-height:0}.sp-profile-wrap{flex:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px 16px 32px}.sp-profile-card{width:100%;max-width:560px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:var(--shadow2)}.sp-profile-user{display:flex;align-items:center;gap:16px;margin-bottom:16px}.sp-profile-avatar{width:64px;height:64px;border-radius:16px;background:var(--accentg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;flex-shrink:0}.sp-profile-name{font-size:20px;font-weight:800;line-height:1.2}.sp-profile-email{font-size:13px;color:var(--text3);margin-top:2px}.sp-profile-role{font-size:11px;color:var(--accent);font-weight:700;margin-top:4px}.sp-profile-info-section{margin-top:4px}.sp-profile-refreshing{margin-left:6px;color:var(--text3);font-weight:400}.sp-profile-info{display:grid;gap:0;margin:0;border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;background:var(--bg3)}.sp-profile-info-row{display:grid;grid-template-columns:minmax(100px,38%) 1fr;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);align-items:center}.sp-profile-info-row:last-child{border-bottom:none}.sp-profile-info-row dt{margin:0;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.03em}.sp-profile-info-row dd{margin:0;font-size:13px;font-weight:600;color:var(--text);text-align:right;word-break:break-word}.sp-profile-mono{font-family:Consolas,Courier New,monospace;font-size:12px}.sp-profile-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}.sp-profile-badge-accent{background:#4f8ef726;color:var(--accent)}.sp-profile-badge-ok{background:#22c55e1f;color:#22c55e}.sp-profile-badge-muted{background:var(--bg4);color:var(--text3)}.sp-profile-tenant{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:16px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);font-size:12px;font-weight:600;color:var(--text2)}.sp-profile-shift{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r3);background:var(--bg3);border:1px solid var(--border);font-size:13px;color:var(--text2);margin-bottom:20px}.sp-profile-section{margin-bottom:18px}.sp-profile-section-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text3)}.sp-profile-lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sp-profile-lang-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:var(--r3);border:1.5px solid var(--border);background:var(--bg3);font-size:14px;font-weight:600;color:var(--text2);cursor:pointer;transition:border-color .15s,background .15s}.sp-profile-lang-btn:hover{border-color:var(--accent)}.sp-profile-lang-btn.on{border-color:var(--accent);background:#4f8ef71a;color:var(--accent)}.sp-profile-action{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);font-size:14px;font-weight:600;color:var(--text2);cursor:pointer}.sp-profile-action:hover{border-color:var(--accent)}.sp-profile-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:12px;border-radius:var(--r3);border:none;background:var(--redg);color:#fff;font-size:14px;font-weight:700;cursor:pointer}@media (min-width: 640px){.sp-profile-lang-grid{grid-template-columns:repeat(2,1fr)}.sp-profile-card{padding:28px 32px}}.sp-label-page{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.sp-label-mode-row{display:flex;gap:8px;padding:8px 10px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg2)}.sp-label-mode-pill{flex:1;height:38px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:13px;font-weight:700;cursor:pointer}.sp-label-mode-pill:hover{border-color:var(--accent);color:var(--text)}.sp-label-mode-pill.on{border-color:var(--accent);background:#4f8ef724;color:var(--accent)}.sp-label-templates-wrap{flex-shrink:0;padding:8px 10px 4px;border-bottom:1px solid var(--border);background:var(--bg2)}.sp-label-templates-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text3);margin-bottom:8px}.sp-label-templates-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.sp-label-tpl{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:var(--r3);border:2px solid var(--border);background:var(--bg3);cursor:pointer;transition:border-color .15s,box-shadow .15s}.sp-label-tpl:hover{border-color:var(--accent)}.sp-label-tpl.on{border-color:var(--accent);box-shadow:0 0 0 2px #4f8ef733}.sp-label-tpl-preview{background:#fff;border:1px solid #ccc;border-radius:2px;padding:2px 3px;display:flex;flex-direction:column;overflow:hidden;color:#000;box-shadow:inset 0 0 0 1px #0000000a}.sp-label-tpl-head{flex-shrink:0;text-align:center;margin-bottom:1px}.sp-label-tpl-company{font-weight:600;color:#444;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-label-tpl-name{font-weight:800;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:1px}.sp-label-tpl-meta{display:flex;justify-content:space-between;align-items:center;gap:2px;flex-shrink:0;width:100%;margin:1px 0 0}.sp-label-tpl-sku{text-align:left;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.sp-label-tpl-price{text-align:center;font-weight:900;white-space:nowrap;line-height:1;flex-shrink:0;margin:1px 0}.sp-label-tpl-cat{text-align:right;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.sp-label-tpl-bc{display:flex;align-items:flex-end;justify-content:center;flex:1;min-height:0;overflow:hidden;margin-top:auto}.sp-label-tpl-bc svg{width:100%;max-width:100%;height:auto;display:block}.sp-label-tpl-size{font-size:10px;font-weight:700;color:var(--text3)}.sp-label-toolbar{display:flex;gap:8px;padding:8px 10px;flex-shrink:0;align-items:stretch;flex-wrap:wrap}.sp-label-search-wrap{flex:1;min-width:180px;position:relative;display:flex;align-items:center}.sp-label-search-ico{position:absolute;left:10px;color:var(--text3);pointer-events:none}.sp-label-search{width:100%;height:36px;padding:0 32px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:13px;outline:none}.sp-label-search:focus{border-color:var(--accent)}.sp-label-search-clear{position:absolute;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text3);cursor:pointer;border-radius:50%}.sp-label-search-clear:hover{color:var(--text);background:var(--bg4)}.sp-label-sr-box{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--shadow);z-index:50}.sp-label-sr-add-all{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--border);background:#4f8ef714;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;position:sticky;top:0;z-index:1}.sp-label-sr-add-all:hover:not(:disabled){background:#4f8ef726}.sp-label-sr-add-all:disabled{opacity:.5;cursor:not-allowed}.sp-label-add-all{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;flex-shrink:0;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.sp-label-add-all:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sp-label-add-all:disabled{opacity:.5;cursor:not-allowed}.sp-label-weight-panel{margin:0;padding:10px 10px 12px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.sp-label-weight-section{margin:12px 10px 10px;padding:10px 12px 12px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg2);flex-shrink:0}.sp-label-weight-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;flex-shrink:0}.sp-label-weight-tplbtn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.sp-label-weight-tplbtn:hover{border-color:var(--accent);color:var(--accent)}.sp-label-weight-price{flex-shrink:0}.sp-label-weight-price button{padding:4px 8px;font-size:11px}.sp-label-weight-toolbar{margin-bottom:8px}.sp-label-search-sm{height:32px;font-size:13px;padding-top:0;padding-bottom:0}.sp-label-weight-empty{text-align:center;color:var(--text3);font-size:12px;padding:14px 8px;margin:0}.sp-label-weight-table-wrap{overflow-x:auto;flex:1;min-height:0}.sp-label-weight-table{width:100%;border-collapse:collapse;font-size:12px}.sp-label-weight-table th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text3);padding:4px 6px;border-bottom:1px solid var(--border);white-space:nowrap}.sp-label-weight-table th.num,.sp-label-weight-table td.num{text-align:right}.sp-label-weight-table th.inp{width:140px}.sp-label-weight-table th.act,.sp-label-weight-table td.act{width:32px;text-align:center}.sp-label-weight-table td{padding:5px 6px;border-bottom:1px solid var(--border);vertical-align:middle}.sp-label-weight-table td.name{min-width:120px}.sp-label-weight-name{display:block;font-weight:600;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.sp-label-weight-sub{display:block;font-size:10px;color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-label-weight-inline{display:flex;align-items:center;gap:4px;min-width:0}.sp-label-weight-mode-sm{flex-shrink:0;border-radius:var(--r3);overflow:hidden;border:1px solid var(--border);display:flex}.sp-label-weight-mode-sm button{padding:3px 6px;font-size:10px;font-weight:800;border:none;background:var(--bg3);color:var(--text3);cursor:pointer;line-height:1.2}.sp-label-weight-mode-sm button.on{background:var(--accent);color:#fff}.sp-label-weight-inp{flex:1;min-width:0;width:72px;height:26px;padding:0 6px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px;font-weight:600}.sp-label-weight-inp:focus{border-color:var(--accent);outline:none}.sp-label-weight-table td.kg,.sp-label-weight-table td.sum{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.sp-label-weight-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.sp-label-weight-foot-meta{display:flex;gap:12px;font-size:12px;color:var(--text3)}.sp-label-weight-foot-meta b{color:var(--text)}.sp-label-weight-foot-actions{display:flex;gap:8px;align-items:center}.sp-label-tpl-modal{max-width:560px;padding-bottom:12px}.sp-label-tpl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.sp-label-tpl-modal-head h3{margin:0;font-size:15px;font-weight:800}.sp-label-tpl-modal-x{border:none;background:transparent;color:var(--text3);cursor:pointer;padding:4px;border-radius:var(--r3)}.sp-label-tpl-modal-x:hover{color:var(--text);background:var(--bg4)}.sp-label-tpl-modal-grid{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px 16px;justify-content:center}.sp-label-weight-search{position:relative}.sp-label-bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px 4px;flex-shrink:0}.sp-label-bulk-label{font-size:12px;font-weight:700;color:var(--text3);white-space:nowrap}.sp-label-bulk-inp{width:72px;height:32px;padding:0 8px;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-weight:700;text-align:center;outline:none}.sp-label-bulk-inp:focus{border-color:var(--accent)}.sp-label-bulk-apply{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:none;border-radius:var(--r2);background:var(--accent);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.sp-label-bulk-apply:hover{filter:brightness(1.08)}.sp-label-sr-empty{padding:14px;text-align:center;font-size:13px;color:var(--text3)}.sp-label-sr-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer}.sp-label-sr-item:last-child{border-bottom:none}.sp-label-sr-item:hover,.sp-label-sr-item.active{background:#4f8ef71a}.sp-label-sr-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.sp-label-sr-meta{font-size:11px;color:var(--text3)}.sp-label-price-toggle{display:flex;flex-shrink:0;border-radius:var(--r3);border:1px solid var(--border);overflow:hidden;background:var(--bg3)}.sp-label-price-toggle button{height:36px;padding:0 12px;border:none;background:transparent;font-size:12px;font-weight:700;color:var(--text3);cursor:pointer}.sp-label-price-toggle button.on.retail{background:#22c55e26;color:#22c55e}.sp-label-price-toggle button.on.wholesale{background:#f59e0b26;color:#f59e0b}.sp-label-body{flex:1;min-height:0;overflow:auto;padding:0 10px}.sp-label-empty{padding:40px 16px;text-align:center;font-size:14px;color:var(--text3)}.sp-label-table-wrap{overflow-x:auto}.sp-label-table{width:100%;border-collapse:collapse;font-size:13px}.sp-label-table th{position:sticky;top:0;z-index:2;background:var(--bg2);padding:8px 10px;text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--text3);border-bottom:1px solid var(--border)}.sp-label-table th.num,.sp-label-table td.num{text-align:right}.sp-label-table th.qty,.sp-label-table td.qty{width:88px;text-align:center}.sp-label-table th.act,.sp-label-table td.act{width:40px;text-align:center}.sp-label-table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.sp-label-table td.name{font-weight:600}.sp-label-table td.code{font-family:ui-monospace,monospace;font-size:11px;color:var(--text2)}.sp-label-qty-inp{width:64px;height:32px;padding:0 6px;border-radius:var(--r2);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-weight:700;text-align:center;outline:none}.sp-label-qty-inp:focus{border-color:var(--accent)}.sp-label-rm{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--r2);background:transparent;color:var(--text3);cursor:pointer}.sp-label-rm:hover{color:var(--red);background:var(--redg)}.sp-label-foot{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg2)}.sp-label-foot-meta{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;color:var(--text3)}.sp-label-foot-meta b{color:var(--text)}.sp-label-foot-actions{display:flex;gap:8px;align-items:center}.sp-label-clear{height:38px;padding:0 14px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:13px;font-weight:600;cursor:pointer}.sp-label-clear:hover{border-color:var(--red);color:var(--red)}.sp-label-print{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border:none;border-radius:var(--r3);background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.sp-label-print:hover:not(:disabled){filter:brightness(1.08)}.sp-label-print:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 520px){.sp-label-foot{flex-direction:column;align-items:stretch}.sp-label-foot-actions{width:100%}.sp-label-print{flex:1;justify-content:center}.sp-label-clear{flex:1}}.sp-cd-v2 .sp-cd-body{flex:1;min-height:0;display:flex;flex-direction:column}.sp-cd-v2 .sp-cd-top{padding:10px 12px 8px;border-bottom:1px solid var(--border)}.sp-cd-head{display:flex;gap:10px;align-items:flex-start}.sp-cd-head-main{flex:1;min-width:0}.sp-cd-head-notify{flex-shrink:0}.sp-cd-name{font-size:15px;font-weight:800;line-height:1.2}.sp-cd-contacts{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:4px;font-size:11px;color:var(--text2)}.sp-cd-link{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.sp-cd-addr,.sp-cd-loc{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text3)}.sp-cd-loc{margin-top:4px;flex-wrap:wrap}.sp-cd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.sp-cd-stat{background:var(--bg3);border-radius:8px;padding:6px 8px;min-width:0;display:flex;flex-direction:column;gap:2px;border:none;text-align:left}.sp-cd-stat.btn{cursor:pointer}.sp-cd-stat.warn{background:#d977061f}.sp-cd-stat-k{font-size:9px;color:var(--text3);font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:3px}.sp-cd-stat-v{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-cd-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sp-cd-act{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);font-size:11px;font-weight:700;color:var(--text);cursor:pointer}.sp-cd-act.primary{background:var(--accent);border-color:var(--accent);color:#fff}.sp-cd-history .sp-cd-hist{padding:8px 10px}.sp-cust-card-meta-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.sp-cust-card-visit{font-size:10px;color:var(--text3);font-weight:600}.sp-cust-table th.visit,.sp-cust-table td.visit{width:72px;text-align:center;font-size:10px}.sp-cust-visit{font-size:10px;color:var(--text3);font-weight:600;white-space:nowrap}.sp-cust-table th.notify,.sp-cust-table td.notify{width:96px;text-align:center;padding:4px 2px}.sp-ch-group{display:inline-flex;align-items:center;gap:5px;justify-content:center}.sp-ch{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--border);background:var(--bg3);color:var(--text3);font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap}button.sp-ch{cursor:pointer}.sp-ch svg{flex-shrink:0}.sp-ch.off{border-style:dashed;opacity:.8}.sp-ch.sms.on{background:#22c55e24;border-color:#22c55e66;color:#16a34a}.sp-ch.tg.on{background:#3b82f624;border-color:#3b82f666;color:#2563eb}.sp-ch-group.compact{gap:4px}.sp-ch-group.compact .sp-ch{height:22px;padding:0 6px}.sp-ch-group.compact .sp-ch span{display:none}.sp-cd-notify-row{margin-top:8px}@media (min-width: 900px){.sp-cd-v2 .sp-cd-body{display:grid;grid-template-columns:minmax(340px,400px) minmax(0,1fr);overflow:hidden}.sp-cd-v2 .sp-cd-top{border-bottom:none;border-right:1px solid var(--border);overflow-y:auto;min-height:0;padding:14px 16px}.sp-cd-v2 .sp-cust-history-panel{min-height:0;padding:14px 16px}.sp-cd-v2 .sp-cd-stats{grid-template-columns:1fr 1fr}.sp-cd-v2 .sp-cd-stats .sp-cd-stat:last-child{grid-column:1 / -1}}.sp-sale-v2-top{padding:10px 12px;border-bottom:1px solid var(--border)}.sp-sale-v2-hero{text-align:center;margin-bottom:10px}.sp-sale-v2-hero.canceled{opacity:.55}.sp-sale-v2-amount{font-size:24px;font-weight:900;color:var(--accent);line-height:1.1}.sp-sale-v2-amount span{font-size:13px;font-weight:700}.sp-sale-v2-sub{font-size:11px;color:var(--text3);margin-top:4px}.sp-sale-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sp-sale-v2-chip{background:var(--bg3);border-radius:8px;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px}.sp-sale-v2-chip span{color:var(--text3)}.sp-sale-v2-chip b{font-weight:800}.sp-sale-v2-chip.warn{background:#d977061f}.sp-sale-v2-note{margin-top:8px;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:600;line-height:1.4;display:flex;align-items:flex-start;gap:6px}.sp-sale-v2-note.due{background:#3b82f61a;color:#2563eb}.sp-sale-v2-note.comment{background:var(--bg3);color:var(--text2)}.sp-sale-v2-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}.sp-sale-v2-body{padding:10px 12px}.sp-sale-v2-section{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--text3);margin:10px 0 6px}.sp-sale-v2-item{padding:8px 0;border-bottom:1px dashed var(--border)}.sp-sale-v2-item.canceled{opacity:.5;text-decoration:line-through}.sp-sale-v2-item-name{font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.sp-sale-v2-item-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-top:2px;color:var(--text2)}.sp-sale-v2-item-line b{color:var(--text)}.sp-sale-v2-item-sub{font-size:10px;color:var(--text3);margin-top:2px}.sp-sale-v2-pay{padding:6px 0;font-size:11px;border-bottom:1px solid var(--border)}.sp-sale-v2-pay-main{display:flex;justify-content:space-between;align-items:center}.sp-sale-v2-pay-comment{margin-top:2px;font-size:10px;color:var(--text3);line-height:1.3}.sp-sale-v2-pay.canceled{opacity:.5}.sp-sale-return-row{cursor:pointer;border-radius:6px;padding:8px;margin:0 -4px}.sp-sale-return-row:hover{background:#b453090f}.sp-sales-tabs{margin-top:0;padding-top:0}.sp-sale-return-tag{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;border-radius:4px;background:#b4530926;color:#b45309;vertical-align:middle;white-space:nowrap}.sp-comment-modal{width:min(360px,94vw)}.sp-comment-ta{width:100%;margin:0 12px 12px;width:calc(100% - 24px);padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:13px;resize:vertical;min-height:88px}.sp-ft-meta-comment{color:var(--text3);font-style:italic}.sp-debt-due-row{margin:0;padding:0;border:none}@media (max-width: 640px){.sp-cd-stats{grid-template-columns:1fr 1fr}.sp-cd-stats .sp-cd-stat:last-child{grid-column:1 / -1}.sp-cust-table th.visit,.sp-cust-table td.visit{display:none}.sp-cust-table th.notify,.sp-cust-table td.notify{width:72px}}.sp-print-confirm-modal{max-width:320px;padding:20px;text-align:center}.sp-print-confirm-msg{margin:0 0 12px;color:var(--text2);font-size:15px;line-height:1.45}.sp-print-confirm-timer{font-size:28px;font-weight:700;color:var(--accent);margin:0 0 14px;font-variant-numeric:tabular-nums}.sp-print-confirm-actions{display:flex;gap:8px}.sp-print-confirm-actions .sp-btn{flex:1;margin:0}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-2{left:.5rem}.top-1\/2{top:50%}.z-30{z-index:30}.z-\[300\]{z-index:300}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.max-h-\[85vh\]{max-height:85vh}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-brand{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-brand{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-brand\/10{background-color:#2563eb1a}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-4{padding:1rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-brand{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body,#root{height:100%}body{margin:0;-webkit-tap-highlight-color:transparent}*,*:before,*:after{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.sp-app button,.sp-app .sp-ph,.sp-app .sp-pt,.sp-app th,.sp-app td,.sp-app .sp-cust-filter,.sp-app .sp-pay-tab,.sp-app .sp-nav-item,.sp-app .sp-tab,.sp-app .sp-hbtn,.sp-app .sp-fl,.sp-app .sp-sale-total-pill,.sp-app .sp-shift-badge,.sp-app .sp-mt,.sp-app .sp-profile-lang-btn,.sp-app .sp-prod-cat-chip,.sp-app .sp-stype,.sp-app .sp-ci-name,.sp-app .sp-ft-total,.sp-app .sp-pay-lbl,.sp-app .sp-kp-btn,.sp-app .sp-exp-type-btn,.sp-app .sp-gal-name,.sp-app .sp-gal-price,.sp-app .sp-prod-card-name,.sp-app .sp-cust-card-name,.sp-app .sp-sale-offline-banner,.sp-app .sp-sale-pending-banner,.sp-login .sp-login-title,.sp-login .sp-login-sub,.sp-login .sp-fl,.sp-login button{-moz-user-select:none;user-select:none;-webkit-user-select:none}.sp-app input,.sp-app textarea,.sp-app select,.sp-app [contenteditable=true],.sp-login input{-moz-user-select:text;user-select:text;-webkit-user-select:text}.sp-toast-wrap{position:fixed;right:14px;bottom:14px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sp-toast{min-width:220px;max-width:min(420px,calc(100vw - 28px));border:0;border-radius:12px;padding:12px 14px;box-shadow:0 10px 28px #0000002e;color:#fff;font-size:14px;line-height:1.35;text-align:left;pointer-events:auto}.sp-toast-info{background:#334155}.sp-toast-success{background:#15803d}.sp-toast-error{background:#b91c1c}.sp-toast-warn{background:#b45309}.focus\:border-brand:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}