:root{--bg:#eef1f6;--bg-grad:radial-gradient(1200px 600px at 100% -10%, #e6ecf8 0%, #eef1f6 55%);--surface:#fff;--surface-2:#f4f6fa;--surface-3:#eceff5;--border:#e3e7ef;--border-2:#d5dbe6;--text:#0f1726;--text-2:#475069;--muted:#8a93a7;--primary:#2b59ff;--primary-2:#1e46e0;--primary-ink:#fff;--primary-soft:#eaf0ff;--primary-ring:#2b59ff40;--accent:#f5a524;--accent-soft:#fff5e3;--ok:#17935a;--ok-soft:#e7f7ee;--bad:#e5484d;--bad-soft:#fdecec;--warn:#b7791f;--warn-soft:#fdf5e6;--shadow-sm:0 1px 2px #1018280d,0 1px 3px #10182814;--shadow-md:0 4px 12px #10182814,0 2px 4px #1018280d;--shadow-lg:0 18px 40px #10182829,0 6px 14px #10182814;--shadow-primary:0 8px 20px #2b59ff47;--r-sm:9px;--r:13px;--r-lg:18px;--r-xl:24px;--sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--display:"Sora","Inter",sans-serif}:root[data-theme=dark]{--bg:#080b12;--bg-grad:radial-gradient(1100px 560px at 100% -10%, #122038 0%, #080b12 55%);--surface:#111826;--surface-2:#161f30;--surface-3:#1c2740;--border:#232e44;--border-2:#2d3a54;--text:#eef2fb;--text-2:#aeb8cd;--muted:#7d879d;--primary:#5b82ff;--primary-2:#3f69ff;--primary-soft:#172343;--primary-ring:#5b82ff55;--accent:#ffb43d;--accent-soft:#2a2112;--ok:#3ecf8e;--ok-soft:#10271c;--bad:#ff6369;--bad-soft:#2a1416;--warn:#e3b341;--warn-soft:#2a2210;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000073;--shadow-lg:0 24px 50px #0009;--shadow-primary:0 8px 22px #2b59ff73}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#080b12;--bg-grad:radial-gradient(1100px 560px at 100% -10%, #122038 0%, #080b12 55%);--surface:#111826;--surface-2:#161f30;--surface-3:#1c2740;--border:#232e44;--border-2:#2d3a54;--text:#eef2fb;--text-2:#aeb8cd;--muted:#7d879d;--primary:#5b82ff;--primary-2:#3f69ff;--primary-soft:#172343;--primary-ring:#5b82ff55;--accent:#ffb43d;--accent-soft:#2a2112;--ok:#3ecf8e;--ok-soft:#10271c;--bad:#ff6369;--bad-soft:#2a1416;--warn:#e3b341;--warn-soft:#2a2210;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000073;--shadow-lg:0 24px 50px #0009;--shadow-primary:0 8px 22px #2b59ff73}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);background-image:var(--bg-grad);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:14.5px}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:700}h2{font-size:1.5rem}h3{letter-spacing:-.01em;font-size:1.08rem}small{font-size:.8rem}.muted{color:var(--muted)}.t2{color:var(--text-2)}.bad{color:var(--bad)}.ok{color:var(--ok)}.grow{flex:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);background-clip:padding-box;border:3px solid #0000;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);outline:none;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}input[type=checkbox]{width:19px;height:19px;accent-color:var(--primary);cursor:pointer}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a7' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}button{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2)}button.primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:var(--primary-ink);box-shadow:var(--shadow-primary);border-color:#0000}button.primary:hover:not(:disabled){background:linear-gradient(180deg,var(--primary-2),var(--primary-2));color:#fff;filter:brightness(1.05);border-color:#0000}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--surface-2);border-color:#0000}button.icon{border-radius:10px;padding:9px}button.danger{color:var(--bad);border-color:#0000}button.danger:hover:not(:disabled){background:var(--bad-soft)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.lg{border-radius:var(--r);padding:15px 20px;font-size:1.05rem}label{color:var(--text-2);gap:6px;font-size:.82rem;font-weight:600;display:grid}label.check{color:var(--text);cursor:pointer;align-items:center;gap:9px;display:flex}.pill{background:var(--surface-3);color:var(--text-2);border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.accent{background:var(--accent-soft);color:var(--warn)}.shell{grid-template-columns:var(--side-w,248px) 1fr;height:100%;transition:grid-template-columns .18s;display:grid}.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:3px;padding:16px 14px;display:flex;overflow:auto}.brand{align-items:center;gap:12px;padding:6px 10px 20px;display:flex}.brand .logo{background:linear-gradient(145deg,var(--primary),#7a3bff);color:#ffd86b;width:42px;height:42px;box-shadow:var(--shadow-primary);border-radius:12px;flex:none;place-items:center;display:grid}.brand .bt{font-family:var(--display);font-size:1.05rem;font-weight:800;line-height:1.1}.brand .bs{color:var(--muted);font-size:.72rem;font-weight:600}.nav{width:100%;color:var(--text-2);background:0 0;border:0;border-radius:11px;justify-content:flex-start;gap:12px;padding:11px 13px;font-weight:600;position:relative}.nav svg{color:var(--muted);transition:color .15s}.nav:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.nav.on{background:var(--primary-soft);color:var(--primary)}.nav.on svg{color:var(--primary)}.nav.on:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:4px;height:22px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.nav .badge{background:var(--bad);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:.68rem;font-weight:700}.side .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 13px 4px;font-size:.68rem;font-weight:700}.status{gap:10px;margin-top:auto;padding:12px 13px 4px;display:grid}.status .conn{color:var(--text-2);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 0 4px var(--ok-soft);border-radius:50%}.dot.off{background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}.content{padding:26px 30px 48px;overflow:auto}.content.flush{padding:0;overflow:hidden}.page-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.page-head h2{margin-right:auto}.bar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tabbar{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px}.grid4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat{flex-direction:column;gap:3px;display:flex;position:relative;overflow:hidden}.stat .ic{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:11px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:700}.stat .v{font-family:var(--display);letter-spacing:-.03em;margin-top:4px;font-size:1.85rem;font-weight:800}.stat .s{color:var(--text-2);margin-top:2px;font-size:.82rem;font-weight:500}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.two.wide{grid-template-columns:1.4fr 1fr}.tablewrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);padding:12px 16px;font-size:.72rem;font-weight:700;position:sticky;top:0}td{border-top:1px solid var(--border);vertical-align:middle;padding:13px 16px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td b{font-weight:600}.rowline{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.rowline:first-child{border-top:0}.search-box{flex:1;min-width:220px;position:relative}.search-box svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{border-radius:var(--r);height:46px;padding-left:42px;font-size:1rem}.empty{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:48px 16px;display:grid}.empty svg{opacity:.5}.pos{grid-template-columns:1fr 430px;height:100%;display:grid}.pos-left{flex-direction:column;gap:14px;min-height:0;padding:20px 22px;display:flex;overflow:auto}.filters{flex-direction:column;gap:8px;display:flex}.chips{scrollbar-width:none;gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1.5px solid var(--border);border-radius:99px;flex:none;padding:7px 15px;font-size:.85rem;font-weight:600}.chip:hover:not(:disabled){border-color:var(--border-2);background:var(--surface-2)}.chip.on,.chip.on:hover{background:var(--text);color:var(--surface);border-color:var(--text)}.chip.brand.on,.chip.brand.on:hover{background:var(--primary);border-color:var(--primary);color:#fff}.pgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:12px;display:grid}.pcard{text-align:left;border-radius:var(--r);min-height:128px;box-shadow:var(--shadow-sm);white-space:normal;border-top:3px solid var(--cat,var(--primary));flex-direction:column;justify-content:flex-start;align-items:stretch;gap:9px;padding:13px 14px 12px;position:relative;overflow:hidden}.pcard:hover:not(:disabled){border-color:var(--border-2);border-top-color:var(--cat,var(--primary));box-shadow:var(--shadow-md);background:var(--surface);transform:translateY(-3px)}.pcard .b{color:var(--cat,var(--primary));text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--cat,var(--primary)) 12%, transparent);border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:.68rem;font-weight:700}.pcard .n{font-size:.92rem;font-weight:700;line-height:1.3}.pcard .pr{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:4px;display:flex}.pcard .pr b{font-family:var(--display);color:var(--text);font-size:1.12rem;font-weight:800}.pcard .pr b small{color:var(--muted);font-size:.68rem;font-weight:600}.register{grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.disp{border-radius:var(--r-lg);box-shadow:inset 0 1px 0 #ffffff10, var(--shadow-md);background:linear-gradient(165deg,#0c1322,#0a0f1a);border:1px solid #1b2740;padding:18px 20px;position:relative;overflow:hidden}.disp:before{content:"";pointer-events:none;background:radial-gradient(400px 120px at 110% -20%,#2b59ff22,#0000 70%);position:absolute;inset:0}.disp .dk{letter-spacing:.14em;text-transform:uppercase;color:#6b7a99;font-size:.72rem;font-weight:700}.digital{letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:10px;font-family:Orbitron,ui-monospace,monospace;font-weight:800;line-height:1}.disp.main .digital{color:#38ff9b;text-shadow:0 0 14px #38ff9b55;font-size:2.6rem}.disp.amber .digital{color:#ffc24b;text-shadow:0 0 12px #ffc24b44;font-size:1.7rem}.disp.blue .digital{color:#5fa8ff;text-shadow:0 0 12px #5fa8ff44;font-size:1.7rem}.disp .ds{color:#59678a;margin-top:8px;font-size:.76rem;font-weight:600}.plist{gap:7px;display:grid}.prow{text-align:left;white-space:normal;border-radius:11px;justify-content:space-between;padding:12px 14px}.cartp{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex;box-shadow:-6px 0 24px #1018280a}.cart-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cart-head h3{align-items:center;gap:9px;display:flex}.cart-head .cnt{background:var(--primary-soft);color:var(--primary);border-radius:99px;padding:2px 9px;font-size:.78rem;font-weight:700}.cart-lines{flex:1;padding:8px 16px;overflow:auto}.cline{border-bottom:1px solid var(--border);gap:9px;padding:13px 0;animation:.18s slideIn;display:grid}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cline .t{justify-content:space-between;align-items:flex-start;gap:8px;font-weight:600;display:flex}.cline .c{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stepper{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{background:var(--surface-2);border:0;border-radius:0;padding:8px 11px}.stepper button:hover{background:var(--surface-3)}.stepper input{text-align:center;background:var(--surface);border:0;border-radius:0;width:60px;padding:8px 2px}.cline select{width:auto;padding:8px 28px 8px 10px}.cline .price{width:92px}.cart-foot{border-top:1px solid var(--border);padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface-2);gap:11px;display:grid}.line2{justify-content:space-between;align-items:center;gap:10px;display:flex}.total-row{border-top:2px dashed var(--border-2);border-bottom:2px dashed var(--border-2);justify-content:space-between;align-items:baseline;margin:2px 0;padding:8px 0;display:flex}.total-row .lbl{font-size:1.05rem;font-weight:700}.total{font-family:var(--display);letter-spacing:-.02em;color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.change-box .big,.credit-box .big{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:800}.num-amount{font-variant-numeric:tabular-nums}.seg{border:1.5px solid var(--border);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:0;display:grid;overflow:hidden}.seg button{background:var(--surface);border:0;border-radius:0;padding:9px 6px;font-size:.84rem;font-weight:600}.seg button:hover:not(.on):not(:disabled){background:var(--surface-2)}.seg button.on,.seg button.on:hover{background:var(--primary);color:#fff}.tender{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.tender button{border-radius:10px;padding:10px 4px;font-size:.86rem;font-weight:700}.tender button:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.change-box{background:var(--ok-soft);color:var(--ok);border-radius:11px;justify-content:space-between;align-items:center;padding:12px 15px;font-weight:700;display:flex}.change-box .big{font-family:var(--display);font-size:1.5rem;font-weight:800}.credit-box{background:var(--warn-soft);color:var(--warn);border-radius:11px;justify-content:space-between;align-items:center;padding:12px 15px;font-weight:700;display:flex}.fab{display:none}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#080c1699;place-items:center;padding:14px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-lg);width:min(600px,100%);max-height:92vh;box-shadow:var(--shadow-lg);gap:16px;padding:24px;animation:.18s pop;display:grid;overflow:auto}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.modal h3{justify-content:space-between;align-items:center;display:flex}.form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form .full{grid-column:1/-1}.toast{background:var(--text);color:var(--surface);z-index:90;box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:9px;max-width:92vw;padding:13px 20px;font-weight:600;animation:.2s pop;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.login-wrap{background:linear-gradient(135deg,#0a1538 0%,#122a7a 45%,#2b59ff 100%);place-items:center;min-height:100%;padding:20px;display:grid;position:relative;overflow:hidden}.login-wrap:before{content:"";background:radial-gradient(circle,#ffffff24,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-180px;right:-120px}.login-wrap:after{content:"";background:radial-gradient(circle,#7a3bff59,#0000 65%);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-160px;left:-120px}.login{z-index:1;background:var(--surface);border-radius:var(--r-xl);gap:15px;width:min(400px,100%);padding:40px 34px;display:grid;position:relative;box-shadow:0 30px 70px #0006}.login .logo{background:linear-gradient(145deg,var(--primary),#7a3bff);color:#ffd86b;width:60px;height:60px;box-shadow:var(--shadow-primary);border-radius:17px;place-items:center;display:grid}.login h2{font-size:1.5rem}.login .sub{color:var(--muted);margin-top:-8px;font-size:.9rem}.receipt{color:#111;background:#fff;width:78mm;margin:0 auto;padding:10px 12px;font-family:Inter,sans-serif;font-size:12.5px;line-height:1.45}.receipt h3{font-family:var(--display);text-align:center;color:#111}.receipt hr{border:0;border-top:1px dashed #999;margin:7px 0}.receipt .row{justify-content:space-between;gap:8px;display:flex}.receipt .rc-badge{text-align:center;letter-spacing:.06em;margin:3px 0;font-weight:800}.receipt .rc-items .it{margin:3px 0}.receipt .tot{font-size:1.05rem;font-weight:800}.receipt .rc-foot{text-align:center;color:#444;margin-top:8px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}@page{margin:3mm}}@media (width<=920px){.shell{grid-template-rows:1fr auto;grid-template-columns:1fr}.side{display:none}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-auto-flow:column;display:grid;box-shadow:0 -4px 20px #1018280f}.tabbar button{color:var(--muted);background:0 0;border:0;border-radius:11px;flex-direction:column;gap:3px;padding:7px 2px;font-size:.66rem;font-weight:600}.tabbar button.on,.tabbar button.on svg{color:var(--primary)}.content{padding:16px 15px 30px}.content.flush{padding:0}.pos{grid-template-columns:1fr}.pos-left{padding:14px}.cartp{z-index:50;border:0;display:none;position:fixed;inset:0}.cartp.open{display:flex}.fab{left:14px;right:14px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:40;border-radius:var(--r);box-shadow:var(--shadow-lg);justify-content:space-between;padding:15px 20px;font-size:1rem;display:flex;position:fixed}.two,.two.wide,.form{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr;gap:11px}.stat .v{font-size:1.4rem}.stat .ic{display:none}.register{grid-template-columns:1fr 1fr}.register .disp.main{grid-column:1/-1}.disp.main .digital{font-size:2.1rem}.hide-m{display:none!important}.pgrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}h2{font-size:1.3rem}}@media (width<=520px){.hide-t{display:none!important}}.fab-close{display:none}@media (width<=920px){.fab-close{display:inline-flex!important}}.pos-left .search-box,.pos-left .filters{flex:none}.sheet-bg{z-index:70;background:#080c1680;display:none;position:fixed;inset:0}.sheet{background:var(--surface);padding:10px 12px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:18px 18px 0 0;gap:4px;animation:.2s pop;display:grid;position:fixed;bottom:0;left:0;right:0}.sheet-grip{background:var(--border-2);border-radius:9px;width:40px;height:4px;margin:6px auto 10px}.sheet-item{color:var(--text-2);background:0 0;border:0;border-radius:11px;justify-content:flex-start;gap:12px;padding:13px 14px;font-weight:600}.sheet-item svg{color:var(--muted)}.sheet-item.on{background:var(--primary-soft);color:var(--primary)}.sheet-item.on svg{color:var(--primary)}@media (width<=920px){.sheet-bg{display:block}}.scanbar{align-items:center;gap:10px;display:flex}.scanbar .search-box{flex:1}.scanbar .search-box input{height:52px;font-size:1.05rem}.linehead,.lineitem{grid-template-columns:1fr 132px 118px 110px 40px;align-items:center;gap:10px;display:grid}.linehead{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 14px;font-size:.72rem;font-weight:700}.linehead .r,.lineitem .r{text-align:right}.lines{flex-direction:column;display:flex}.lineitem{border-top:1px solid var(--border);padding:12px 14px;animation:.15s slideIn}.lineitem:hover{background:var(--surface-2)}.lineitem .nm{font-weight:600}.lineitem .nm small{color:var(--muted);font-weight:500;display:block}.lineitem input{text-align:right;padding:8px 10px}.lineitem .unit{gap:6px;display:flex}.lineitem .amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.pos-empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:60px 20px;display:grid}.pos-main{flex-direction:column;gap:14px;min-height:0;padding:18px 20px;display:flex}.pos-lines-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);flex:1;overflow:auto}.suggest{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);max-height:340px;position:absolute;top:56px;left:0;right:0;overflow:auto}.suggest button{border:0;border-bottom:1px solid var(--border);text-align:left;border-radius:0;justify-content:space-between;width:100%;padding:11px 14px}.suggest button:hover,.suggest button.hl{background:var(--primary-soft)}.pay-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pay-actions .charge{grid-column:1/-1}.post-sale{background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);border-radius:var(--r);gap:10px;padding:16px;display:grid}.post-sale .ps-head{color:var(--ok);align-items:center;gap:10px;font-weight:700;display:flex}.post-sale .ps-btns{grid-template-columns:1fr 1fr;gap:9px;display:grid}@media (width<=920px){.linehead,.lineitem{grid-template-columns:1fr 92px 84px 36px}.linehead .hide-col,.lineitem .hide-col{display:none}}.cartp.mobile-sheet{display:none}@media (width<=920px){.pos{grid-template-columns:1fr}.cartp:not(.mobile-sheet){display:none}.cartp.mobile-sheet{z-index:50;background:var(--surface);position:fixed;inset:0}.cartp.mobile-sheet.open{flex-direction:column;display:flex}.pos-main{padding:12px}.linehead,.lineitem{grid-template-columns:1fr 70px 70px 34px}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.nf{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.nf button{background:var(--surface-2);width:34px;height:38px;color:var(--text-2);border:0;border-radius:0;place-items:center;padding:0;font-size:1.1rem;display:grid}.nf button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.nf input{text-align:center;background:var(--surface);border:0;border-radius:0;width:56px;padding:8px 2px;font-weight:600}.nf.sm button{width:30px;height:34px}.nf.sm input{width:46px}.ssel{position:relative}.ssel .cur{text-align:left;background:var(--surface);justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ssel .menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.ssel .menu .sb{background:var(--surface);border-bottom:1px solid var(--border);padding:8px;position:sticky;top:0}.ssel .menu .sb input{height:40px}.ssel .opt{text-align:left;border:0;border-bottom:1px solid var(--border);background:var(--surface);border-radius:0;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;display:flex}.ssel .opt:hover,.ssel .opt.hl{background:var(--primary-soft)}.editrow td{background:var(--surface-2)}.editpanel{gap:12px;padding:6px 2px 10px;display:grid}.editgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;display:grid}.editpanel label{font-size:.8rem}.brand .logo,.login .logo,.status .dot{position:relative}.brand .logo:after,.login .logo:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff59,#0000 55%);position:absolute;inset:0}.pay-actions{grid-template-columns:1fr auto}.pay-actions .lg{white-space:nowrap}.pay-actions{flex-wrap:wrap;gap:10px;display:flex}.pay-actions>button{flex:auto}.pay-actions>button:first-child{flex:2 160px}.sortsel .cur{background:var(--primary-soft);color:var(--primary);border-color:#0000;font-weight:600}.sortsel .cur:hover{background:color-mix(in srgb,var(--primary) 18%, transparent)}.sortsel .cur b{color:var(--primary)}:root{--violet:#7a3bff;--grad:linear-gradient(135deg, var(--primary) 0%, var(--violet) 100%);--grad-soft:linear-gradient(135deg, color-mix(in srgb,var(--primary) 14%,transparent), color-mix(in srgb,var(--violet) 14%,transparent))}:root[data-theme=dark]{--violet:#9a6bff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--violet:#9a6bff}}button.primary{background:var(--grad);border-color:#0000}button.primary:hover:not(:disabled){background:var(--grad);filter:brightness(1.08)}.stat .ic{background:var(--grad);color:#fff;box-shadow:var(--shadow-primary)}.nav.on:before{background:var(--grad)}.nav.on{background:var(--grad-soft)}.seg button.on,.seg button.on:hover{background:var(--grad)}.chip.brand.on,.chip.brand.on:hover{background:var(--grad);border-color:#0000}.total{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand,.login{position:relative}.brand:after{content:"";background:var(--grad);opacity:.25;height:1px;position:absolute;bottom:10px;left:14px;right:14px}:root{--bg:#eef2f5;--bg-grad:radial-gradient(1100px 560px at 100% -8%, #e3efe9 0%, #eef2f5 55%);--surface:#fff;--surface-2:#f3f6f8;--surface-3:#e8edf1;--border:#e3e8ee;--border-2:#cbd5e1;--text:#0f1b2d;--text-2:#48576b;--muted:#93a1b2;--primary:#0ea473;--primary-2:#0b8a60;--primary-ink:#fff;--primary-soft:#e4f6ef;--primary-ring:#0ea47340;--violet:#0ea5a4;--grad:linear-gradient(135deg,#0ea473 0%,#0ea5a4 100%);--grad-soft:linear-gradient(135deg,#0ea47318,#0ea5a418);--accent:#f59e0b;--accent-soft:#fff6e5;--ok:#0e9f6e;--ok-soft:#e4f6ef;--bad:#e5484d;--bad-soft:#fdecec;--warn:#b7791f;--warn-soft:#fdf5e6;--shadow-primary:0 8px 20px #0ea47342}:root[data-theme=dark]{--bg:#070d16;--bg-grad:radial-gradient(1100px 560px at 100% -8%, #0b2a22 0%, #070d16 55%);--surface:#0f1826;--surface-2:#152030;--surface-3:#1d2a3c;--border:#212f42;--border-2:#334155;--text:#e7eef6;--text-2:#a7b4c4;--muted:#76869a;--primary:#2dd4a7;--primary-2:#13b488;--primary-soft:#0e2b24;--primary-ring:#2dd4a755;--violet:#2dd4bf;--grad:linear-gradient(135deg,#2dd4a7 0%,#2dd4bf 100%);--grad-soft:linear-gradient(135deg,#2dd4a716,#2dd4bf16);--accent:#fbbf24;--accent-soft:#2a2210;--ok:#2dd4a7;--ok-soft:#0e2b24;--bad:#ff6369;--bad-soft:#2a1416;--warn:#e3b341;--warn-soft:#2a2210;--shadow-primary:0 8px 22px #2dd4a747}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070d16;--bg-grad:radial-gradient(1100px 560px at 100% -8%, #0b2a22 0%, #070d16 55%);--surface:#0f1826;--surface-2:#152030;--surface-3:#1d2a3c;--border:#212f42;--border-2:#334155;--text:#e7eef6;--text-2:#a7b4c4;--muted:#76869a;--primary:#2dd4a7;--primary-2:#13b488;--primary-soft:#0e2b24;--primary-ring:#2dd4a755;--violet:#2dd4bf;--grad:linear-gradient(135deg,#2dd4a7 0%,#2dd4bf 100%);--grad-soft:linear-gradient(135deg,#2dd4a716,#2dd4bf16);--accent:#fbbf24;--accent-soft:#2a2210;--ok:#2dd4a7;--ok-soft:#0e2b24;--bad:#ff6369;--bad-soft:#2a1416;--warn:#e3b341;--warn-soft:#2a2210;--shadow-primary:0 8px 22px #2dd4a747}}.login-wrap{background:linear-gradient(135deg,#052019 0%,#0b6b50 45%,#0ea5a4 100%)}.shell{position:relative}@media (width>=921px){.shell{grid-template-columns:var(--side-w,248px) 1fr;transition:grid-template-columns .18s}}.side{transition:width .18s}.side-nav{flex-direction:column;flex:1;gap:4px;margin-top:4px;display:flex;overflow:hidden auto}.nav{gap:14px;padding:12px 14px}.side .lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand{align-items:center;gap:11px}.brand-txt{min-width:0;overflow:hidden}.brand-txt .bt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-toggle{color:var(--muted);flex:none;margin-left:auto}.status .nav{color:var(--text-2)}.status .conn .lbl{text-overflow:ellipsis;overflow:hidden}.side-collapsed{--side-w:76px}.side-collapsed .side .lbl,.side-collapsed .side .brand-txt,.side-collapsed .side .badge{display:none}.side-collapsed .side .nav{justify-content:center;padding:12px 0}.side-collapsed .side .brand{flex-direction:column;gap:8px}.side-collapsed .side .side-toggle{margin:0}.side-collapsed .side .nav.on:before{height:26px;left:0}.side-collapsed .side .conn{justify-content:center}.cam-btn{color:var(--primary);border-color:var(--primary-soft)}.cam-btn:hover{background:var(--primary-soft)}.scan-overlay{z-index:90;background:#060a12b8;place-items:center;padding:16px;animation:.16s pop;display:grid;position:fixed;inset:0}.scan-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:18px;overflow:hidden}.scan-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.scan-top span{align-items:center;gap:8px;display:flex}.scan-view{aspect-ratio:4/3;background:#000;width:100%;position:relative}.scan-view video{object-fit:cover;width:100%;height:100%;display:block}.scan-frame{border:2px solid #ffffffd9;border-radius:14px;position:absolute;inset:14% 10%;overflow:hidden;box-shadow:0 0 0 2000px #00000047}.scan-laser{background:var(--primary);height:3px;box-shadow:0 0 10px 2px var(--primary);animation:1.8s ease-in-out infinite scanline;position:absolute;left:0;right:0}@keyframes scanline{0%{top:6%}50%{top:92%}to{top:6%}}.scan-foot{text-align:center;min-height:20px;padding:11px 14px;font-size:.86rem}.scan-last b{color:var(--primary);font-variant-numeric:tabular-nums}.scan-err{text-align:center;color:var(--muted);place-items:center;gap:10px;padding:34px 20px;display:grid}.scan-err svg{color:var(--warn,#e0893b)}.show-m{display:none}@media (width<=920px){.show-m{display:inline}.prodtable td,.prodtable th{padding-top:13px;padding-bottom:13px}.prodtable td b{font-size:1.02rem;line-height:1.25}.prodtable td small{margin-top:3px;font-size:.8rem;display:block}.prodtable .num{font-variant-numeric:tabular-nums;white-space:nowrap}.prodtable .num .pill{font-size:.82rem}}.recv-line{flex-wrap:wrap;align-items:flex-end;gap:10px}.recv-line .nm2{flex-direction:column;align-self:center;gap:2px;display:flex}.recv-line .nm2 small{color:var(--muted)}.minifield{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;flex-direction:column;gap:3px;font-size:.64rem;font-weight:700;display:flex}.minifield input,.minifield select{width:104px}.minifield input[type=number]{width:88px}.unitbox{border:1px solid var(--border);color:var(--text);text-align:center;background:var(--surface-2,transparent);border-radius:10px;min-width:56px;padding:9px 10px}.recv-line .rm{align-self:flex-end;margin-bottom:2px}.tablewrap table tbody tr:nth-child(2n):not(.editrow),.plist .prow:nth-child(2n){background:#828ca00e}:root[data-theme=dark] .tablewrap table tbody tr:nth-child(2n):not(.editrow),:root[data-theme=dark] .plist .prow:nth-child(2n){background:#8c9bbe12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tablewrap table tbody tr:nth-child(2n):not(.editrow),:root:not([data-theme=light]) .plist .prow:nth-child(2n){background:#8c9bbe12}}.pname{align-items:center;gap:10px;display:flex}.pthumb{object-fit:cover;border:1px solid var(--border);border-radius:7px;flex:none;width:34px;height:34px}.cust-note{background:var(--surface-3,#828ca012);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:4px;padding:8px 11px;font-size:.84rem;display:flex}@media (width>=921px){.content{grid-column:2;min-width:0}.side{grid-area:1/1}}:root[data-accent=amber]{--primary:#bf7510;--primary-2:#a6640d;--primary-ink:#fff;--primary-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--primary-ring:color-mix(in srgb,var(--primary) 38%,transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb,var(--primary) 16%,var(--surface));--grad:linear-gradient(135deg,var(--primary),var(--primary-2))}:root[data-theme=dark][data-accent=amber]{--primary:#f0a429;--primary-2:#e0940f;--primary-ink:#1a1205}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=amber]{--primary:#f0a429;--primary-2:#e0940f;--primary-ink:#1a1205}}:root[data-accent=orange]{--primary:#e8551c;--primary-2:#cf4713;--primary-ink:#fff;--primary-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--primary-ring:color-mix(in srgb,var(--primary) 38%,transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb,var(--primary) 16%,var(--surface));--grad:linear-gradient(135deg,var(--primary),var(--primary-2))}:root[data-theme=dark][data-accent=orange]{--primary:#ff6a2b;--primary-2:#f0601f;--primary-ink:#2a0f03}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=orange]{--primary:#ff6a2b;--primary-2:#f0601f;--primary-ink:#2a0f03}}:root[data-accent=crimson]{--primary:#d12f44;--primary-2:#b8273a;--primary-ink:#fff;--primary-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--primary-ring:color-mix(in srgb,var(--primary) 38%,transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb,var(--primary) 16%,var(--surface));--grad:linear-gradient(135deg,var(--primary),var(--primary-2))}:root[data-theme=dark][data-accent=crimson]{--primary:#e8455a;--primary-2:#dc3a4c;--primary-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=crimson]{--primary:#e8455a;--primary-2:#dc3a4c;--primary-ink:#fff}}:root[data-accent=rose]{--primary:#d6336c;--primary-2:#bc2a5e;--primary-ink:#fff;--primary-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--primary-ring:color-mix(in srgb,var(--primary) 38%,transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb,var(--primary) 16%,var(--surface));--grad:linear-gradient(135deg,var(--primary),var(--primary-2))}:root[data-theme=dark][data-accent=rose]{--primary:#e85a94;--primary-2:#d6336c;--primary-ink:#2a0514}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=rose]{--primary:#e85a94;--primary-2:#d6336c;--primary-ink:#2a0514}}:root[data-accent=copper]{--primary:#9c5a2a;--primary-2:#864a20;--primary-ink:#fff;--primary-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--primary-ring:color-mix(in srgb,var(--primary) 38%,transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb,var(--primary) 16%,var(--surface));--grad:linear-gradient(135deg,var(--primary),var(--primary-2))}:root[data-theme=dark][data-accent=copper]{--primary:#c88a52;--primary-2:#b06c3a;--primary-ink:#241208}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=copper]{--primary:#c88a52;--primary-2:#b06c3a;--primary-ink:#241208}}:root[data-accent=mono]{--primary:#1c1e22;--primary-2:#000;--primary-ink:#fff;--primary-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--primary-ring:color-mix(in srgb,var(--primary) 38%,transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb,var(--primary) 16%,var(--surface));--grad:linear-gradient(135deg,var(--primary),var(--primary-2))}:root[data-theme=dark][data-accent=mono]{--primary:#eef0f3;--primary-2:#fff;--primary-ink:#15171b}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=mono]{--primary:#eef0f3;--primary-2:#fff;--primary-ink:#15171b}}.side-tip{background:var(--text);color:var(--surface);white-space:nowrap;box-shadow:var(--shadow-md);z-index:200;pointer-events:none;border-radius:8px;padding:6px 11px;font-size:.8rem;font-weight:600;animation:.12s tipin;position:fixed;transform:translateY(-50%)}.side-tip:before{content:"";border:6px solid #0000;border-right-color:var(--text);position:absolute;top:50%;right:100%;transform:translateY(-50%)}@keyframes tipin{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}:root[data-accent]{--bg-grad:radial-gradient(1100px 560px at 100% -8%, color-mix(in srgb, var(--primary) 9%, var(--bg)) 0%, var(--bg) 55%);--shadow-primary:0 8px 20px color-mix(in srgb, var(--primary) 28%, transparent);--violet:var(--primary-2);--grad-soft:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), color-mix(in srgb, var(--primary-2) 12%, transparent))}:root[data-accent] .login-wrap{background:linear-gradient(135deg, #0b0c10 0%, color-mix(in srgb, var(--primary) 32%, #0b0c10) 60%, color-mix(in srgb, var(--primary) 55%, #0b0c10) 100%)}:root[data-accent] .login-wrap:after{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 38%, transparent), transparent 65%)}:root[data-accent] .disp:before{background:radial-gradient(400px 120px at 110% -20%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 70%)}:root[data-accent] .brand .logo,:root[data-accent] .login .logo{background:var(--grad);color:var(--primary-ink)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes lineIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:none}}.content>*{animation:.32s cubic-bezier(.2,.8,.2,1) both pageIn}.grid4>*{animation:.42s cubic-bezier(.2,.8,.2,1) both riseIn}.grid4>:nth-child(2){animation-delay:50ms}.grid4>:nth-child(3){animation-delay:.1s}.grid4>:nth-child(4){animation-delay:.15s}.grid4>:nth-child(5){animation-delay:.2s}.stat{transition:transform .2s,box-shadow .2s}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lineitem{animation:.24s cubic-bezier(.2,.8,.2,1) both lineIn}.total.bump{animation:.3s bump;display:inline-block}.suggest,.ssel .menu,.dd-menu{transform-origin:top;animation:.14s both dropIn}button{transition:background-color .15s,border-color .15s,color .15s,box-shadow .2s,transform 90ms,filter .15s}button:active:not(:disabled){transform:scale(.97)}.nav,.prow,.sheet-item{transition:background-color .15s,color .15s,transform 90ms}.tablewrap tbody tr{transition:background-color .12s}.tablewrap tbody tr:hover:not(.editrow){background:color-mix(in srgb, var(--primary) 6%, transparent)}.card{transition:border-color .2s,box-shadow .2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}.qbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.qbar .grow{flex:1}button.toggle.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}button.wa{color:#1fa855;border-color:color-mix(in srgb,#25d366 55%, var(--border))}button.wa:hover:not(:disabled){background:#25d3661f}button.wa.solid{color:#06210f;background:#25d366;border-color:#25d366}.qthumb{border:1px solid var(--border);cursor:zoom-in;background:#fff;border-radius:8px;flex:none;width:40px;height:40px;padding:0;transition:width .2s,height .2s,transform .15s;overflow:hidden}.qthumb img{object-fit:contain;width:100%;height:100%;display:block}.qthumb:hover{transform:scale(1.06)}.qthumb.big{border-radius:12px;width:112px;height:112px}.qthumb.empty{background:var(--surface-3);cursor:default;border-style:dashed}.lightbox{z-index:120;background:#05070cdb;place-items:center;padding:18px;animation:.15s fade;display:grid;position:fixed;inset:0}.lb-inner{justify-items:center;gap:12px;max-width:min(1100px,96vw);animation:.18s pop;display:grid;position:relative}.lb-stage{place-items:center;display:grid;position:relative}.lb-stage img{object-fit:contain;background:#fff;border-radius:14px;max-width:92vw;max-height:72vh;animation:.2s fade;box-shadow:0 20px 60px #00000080}.lb-close{z-index:2;color:#111;background:#fff;border:0;border-radius:50%;width:40px;height:40px;padding:0;position:absolute;top:-6px;right:-6px}.lb-nav{color:#111;background:#ffffffeb;border:0;border-radius:50%;width:46px;height:46px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav.l{left:-58px}.lb-nav.r{right:-58px}@media (width<=760px){.lb-nav.l{left:6px}.lb-nav.r{right:6px}}.lb-cap{color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px;font-size:1.05rem;display:flex}.lb-cap span{color:#ffffffb8}.lb-cap .lb-price{color:var(--primary);font-size:1.2rem;font-weight:800}.lb-cap .lb-price small{color:#fff9;font-size:.8rem;font-weight:500}.lb-thumbs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lb-thumbs button{opacity:.6;background:#fff;border:2px solid #0000;border-radius:9px;width:58px;height:58px;padding:0;overflow:hidden}.lb-thumbs button.on{border-color:var(--primary);opacity:1}.lb-thumbs img{object-fit:contain;width:100%;height:100%}.pname small{margin-top:2px;display:block}td.num{white-space:nowrap}@media (width>=921px){.two.qwide{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.pick-all{color:var(--primary);margin-left:auto;padding:8px 12px;font-size:.84rem;font-weight:650}.pick-sel{z-index:6;background:var(--surface);border:1px solid var(--primary);box-shadow:0 12px 32px #00000047,0 0 0 4px var(--primary-ring);border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:9px 9px 9px 16px;animation:.22s both riseIn;display:flex;position:sticky;bottom:12px}.pick-sel>span{flex:1;font-size:.92rem}.pick-sel b{color:var(--primary);font-size:1.05rem}.pick-sel button{white-space:nowrap}.fmenu{flex:none;position:relative}.fbtn{gap:7px}.fbtn.on{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.fcount{background:var(--primary);min-width:20px;height:20px;color:var(--primary-ink);border-radius:99px;place-items:center;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-grid}.fpop{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:min(400px,100vw - 32px);box-shadow:var(--shadow-lg);transform-origin:0 0;gap:12px;padding:14px;animation:.14s both dropIn;display:grid;position:absolute;top:calc(100% + 6px);left:0}.frow{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.frow>span{color:var(--text-2);font-size:.84rem;font-weight:650}.frow .seg button{padding:7px 4px;font-size:.8rem}.frow .ssel{width:100%!important}.fpop-foot{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding-top:10px;display:flex}.fchips{flex-wrap:wrap;gap:7px;margin:-4px 0 14px;display:flex}.fchip{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);border-radius:99px;gap:6px;padding:5px 8px 5px 12px;font-size:.8rem;font-weight:650}.fchip:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 22%, transparent)}.fclear{padding:5px 10px;font-size:.8rem}td.acts{white-space:nowrap;width:1%}td.acts>div{justify-content:flex-end;align-items:center;gap:6px;display:flex}.more-row{border-top:1px solid var(--border);place-items:center;padding:14px;display:grid}@media (width<=920px){.fpop{top:auto;left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;position:fixed}}.content>*,.grid4>*{animation-fill-mode:backwards!important}.ledger-bal{background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.ledger-bal>div{gap:2px;display:grid}.ledger-bal b{font-family:var(--display);font-size:1.5rem}.toast.bad{background:var(--bad);color:#fff;cursor:pointer}.sync-bad{font-weight:700;color:var(--bad)!important}.modal h4{margin:6px 0 -4px}.modal .tablewrap{box-shadow:none;max-height:40vh}td.acts button{white-space:nowrap}.content>:has(.ssel .menu,.fpop,.suggest,.dd-menu){z-index:30;position:relative}.linehead,.lineitem{grid-template-columns:minmax(170px,2fr) minmax(220px,1.45fr) minmax(96px,.95fr) minmax(76px,.7fr) minmax(104px,.95fr) 36px;gap:14px}.lineitem .nm{min-width:0;line-height:1.3}.lineitem .nm small{margin-top:3px;font-size:.78rem}.lineitem .nm .warnline{color:var(--warn);font-weight:650}.lineitem .unit{align-items:center;gap:8px;display:flex}.lineitem .unit .nf input{width:64px;font-size:1rem}.lineitem .unit select{flex:1;min-width:84px;max-width:130px}.lineitem .unit .unitbox{padding:8px 10px}.lineitem .rate input{width:100%;max-width:130px}.lineitem .disc .pct{width:100%;max-width:92px;display:inline-block;position:relative}.lineitem .disc .pct input{width:100%;padding-right:22px}.lineitem .disc .pct i{color:var(--muted);pointer-events:none;font-size:.85rem;font-style:normal;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.lineitem .amt{font-size:1.02rem}.lineitem .amt small{font-size:.72rem;font-weight:500;text-decoration:line-through;display:block}.qty-unit{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.qty-unit select{width:auto;min-width:78px}@media (width<=920px){.linehead{display:none}.lineitem{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto 34px;grid-template-areas:"nm nm nm bin""unit unit unit unit""rate disc amt amt";gap:9px 10px}.lineitem .nm{grid-area:nm}.lineitem .unit{grid-area:unit}.lineitem .rate{grid-area:rate}.lineitem .disc{grid-area:disc}.lineitem .amt{grid-area:amt;align-self:end;padding-bottom:8px;font-size:1.1rem}.lineitem .del{grid-area:bin;align-self:start}.lineitem .unit select{max-width:none}.lineitem .rate input,.lineitem .disc .pct{width:100%;max-width:none}.lineitem .rate:before{content:"Rate";text-align:left;color:var(--muted);margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.lineitem .disc:before{content:"Discount";text-align:left;color:var(--muted);margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}}.editpanel{gap:4px}.edsec{border-bottom:1px dashed var(--border);padding:12px 0 14px}.edsec:last-of-type{border-bottom:0}.edsec h4{text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin:0 0 9px;font-size:.74rem;font-weight:800}.editgrid .wide{grid-column:span 2}.editgrid>label:not(.check){align-content:start}.edsec .editgrid .withunit{max-width:280px}@media (width<=620px){.editgrid .wide{grid-column:1/-1}}.packtoggle{align-self:end;padding-bottom:10px;font-weight:650}.withunit{display:block;position:relative}.withunit input{width:100%;padding-right:58px}.withunit i{color:var(--muted);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:52px;font-size:.82rem;font-style:normal;position:absolute;top:50%;right:11px;overflow:hidden;transform:translateY(-50%)}.editpanel label small.muted{margin-top:4px;font-weight:500;display:block}.pricegrid{border-collapse:separate;border-spacing:10px 6px;width:auto;max-width:640px;margin:-6px -10px}.pricegrid th{background:0 0;padding:0 2px;font-size:.72rem;position:static}.pricegrid td{vertical-align:top;border:0;padding:0}.pricegrid td:first-child{white-space:nowrap;padding-top:10px;font-size:.85rem;font-weight:650}.pricegrid input{width:190px}.pricegrid small{max-width:220px;margin-top:4px;font-size:.74rem;display:block}.pricegrid tr.profit td{color:var(--ok);padding-top:2px;font-size:.85rem;font-weight:700}.stockfield{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stockfield .withunit{width:150px}.stockfield b{color:var(--muted)}.stockfield small{flex-basis:100%}td small.sub{margin-top:2px;font-size:.72rem;display:block}.shop-logo{object-fit:contain;background:#fff;border-radius:10px;flex:none;display:block}.editpanel.compact{gap:12px;padding:4px 2px 6px}.editpanel.compact input,.editpanel.compact select{padding-top:8px;padding-bottom:8px}.ed-row{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));align-items:end;gap:10px;display:grid}.ed-boxes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:12px;display:grid}.edbox{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 45%, transparent);border-radius:12px;align-content:start;gap:9px;padding:10px 12px 12px;display:grid}.edbox h4{text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin:0;font-size:.72rem;font-weight:800}.edbox>label:not(.check),.g2>label:not(.check){align-content:start}.g2{grid-template-columns:1fr 1fr;align-items:end;gap:9px;display:grid}.edbox .packtoggle{align-self:end;padding-bottom:9px}.edbox .pricegrid{border-spacing:8px 5px;width:calc(100% + 16px);max-width:none;margin:-4px -8px}.edbox .pricegrid input{width:100%;min-width:0}.edbox .pricegrid td:first-child{width:1%;padding-top:9px}.edbox .hint{margin-top:-3px;font-size:.74rem}label.inline{align-items:center;gap:10px;display:flex}label.inline .withunit{flex:none;width:110px}.editpanel label.inline small.muted{margin:0;display:inline}.edbox .stockfield .withunit{width:calc(50% - 14px);min-width:110px}.ed-foot{grid-template-columns:minmax(260px,1.5fr) auto auto;gap:14px}.ed-photos{gap:6px;display:grid}.ed-photos .lbl{color:var(--text-2);font-size:.82rem;font-weight:600}.ed-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.side .nav .lbl{letter-spacing:0;text-transform:none;color:inherit;padding:0;font-size:.94rem;font-weight:600}.side .nav,.side .nav svg{color:var(--text-2)}.side .nav.on,.side .nav.on svg{color:var(--primary)}.side .status .conn .lbl{letter-spacing:0;text-transform:none;color:var(--text-2);padding:0;font-size:.8rem}.brand-btn{text-align:left;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:11px;margin:-4px;padding:4px;display:flex}.brand-btn:hover:not(:disabled){background:var(--surface-2)}.brand-txt .bt,.brand-txt .bs{display:block}.brand-txt .bs{align-items:center;gap:3px;display:flex}.acct-bg{z-index:150;position:fixed;inset:0}.acct-menu{background:var(--surface);border:1px solid var(--border);width:270px;box-shadow:var(--shadow-lg);transform-origin:0 0;border-radius:14px;gap:4px;padding:8px;animation:.14s both dropIn;display:grid;position:fixed}.acct-who{border-bottom:1px solid var(--border);gap:2px;padding:8px 10px 10px;display:grid}.acct-who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct-sec{gap:7px;padding:8px 10px;display:grid}.acct-sec>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:700}.acct-sec .seg button{justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:.8rem;display:flex}.acct-item{background:0 0;border:0;border-radius:10px;justify-content:flex-start;gap:10px;width:100%;padding:10px;font-weight:600}.acct-item:hover:not(:disabled){background:var(--surface-2)}.acct-item.danger{color:var(--bad)}:root{--text-2:#364256;--muted:#647086}.danger-zone{border-color:color-mix(in srgb, var(--bad) 45%, var(--border))}.danger-zone h3{color:var(--bad)}kbd{font:inherit;letter-spacing:.02em;background:#00000029;border-radius:5px;margin-left:6px;padding:1px 6px;font-size:.66rem;font-weight:700}@media (width<=900px){.ed-row,.ed-foot{grid-template-columns:1fr 1fr}.ed-name,.ed-barcode,.ed-actions{grid-column:1/-1}.ed-actions{justify-content:stretch}.ed-actions button{flex:1}}