:root{--ink:#161616;--mute:#5c5b57;--line:#e6e4de;--ground:#f6f5f1;--card:#fff;--pine:#161616;--pine2:#000;--mint:#eeede7;--leaf:#c9da3a;--leafdk:#6e7a12;--red:#b3261e;--redbg:#fde9e6;--org:#924500;--orgbg:#fdeedb;--grn:#0b6b36;--grnbg:#e0f4e5;--gry:#535c57;--grybg:#edf0ee;--shadow:0 1px 2px #1616160a,0 6px 18px #1616160d}body{background:var(--ground);color:var(--ink);margin:0;font-family:Heebo,Noto Sans Thai,Arial,sans-serif;font-size:17px;line-height:1.45}*{box-sizing:border-box}button,input,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:27px;font-weight:800;line-height:1.2}h2{font-size:19px;font-weight:700}h3{font-size:16px;font-weight:700}.shell{direction:rtl;min-height:100vh}.side{display:none}.side.open{top:72px;z-index:30;background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;width:min(360px,100vw - 24px);max-height:calc(100vh - 170px);padding:16px;display:flex;position:fixed;inset-inline-end:12px;overflow-y:auto;box-shadow:0 12px 40px #0000002e}.menubtn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;align-items:center;gap:6px;min-height:46px;padding:4px 14px 4px 10px;font-size:15px;font-weight:700;display:inline-flex}.menubtn.on{background:var(--pine);color:#fff;border-color:var(--pine)}.sidehead{justify-content:space-between;align-items:center;display:flex}.scrim.open{z-index:29;cursor:pointer;background:#0006;border:0;display:block;position:fixed;inset:0}.bar{z-index:31;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;position:fixed;bottom:0;left:0;right:0}.barin{align-items:center;max-width:640px;height:72px;margin-inline:auto;display:flex}.barin button{min-width:0;height:64px;color:var(--mute);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:500;display:flex;position:relative}.barin button.on{color:var(--ink);font-weight:800}.barin .bi{border-radius:99px;justify-content:center;align-items:center;width:44px;height:30px;display:flex}.barin button.on .bi{background:var(--leaf)}.barin button.main .bi{background:var(--pine);color:#fff;border:4px solid var(--card);box-sizing:content-box;width:54px;height:54px;margin-top:-22px}.barin button.main.on .bi{background:var(--pine);color:var(--leaf)}.barin em{background:var(--ink);color:#fff;border:2px solid var(--card);text-align:center;border-radius:99px;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-style:normal;font-weight:800;line-height:18px;position:absolute;top:0;left:calc(50% - 28px)}.doc{gap:14px}.dochead{justify-content:space-between;align-items:center;gap:12px;display:flex}.dochead img{width:76px;height:76px;display:block}.docinfo{border-block:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 16px;padding-block:12px;display:grid}.docinfo span{color:var(--mute);font-size:12.5px;display:block}.g-doc{grid-template-columns:60px 170px minmax(120px,1fr) 70px 70px 56px 56px 56px}.docfoot{flex-wrap:wrap;gap:8px 24px;font-weight:700;display:flex}.docsign{color:var(--mute);padding-top:18px}.rowsearch{flex:none;width:150px}.rowgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.rowtile{background:var(--card);border:1px solid var(--line);cursor:pointer;min-height:104px;box-shadow:var(--shadow);text-align:start;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.rowtile:hover{border-color:var(--pine)}.rowtile b{font-size:30px;font-weight:800;line-height:1}.rowtile span{color:var(--mute);font-size:13.5px}.rowtile.empty{opacity:.55;box-shadow:none}.rowbar{background:var(--grybg);border-radius:99px;width:100%;height:8px;margin-top:auto;display:block;overflow:hidden}.rowbar i{background:#187f52;height:100%;display:block}.invline{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:10px;padding:12px 14px;display:flex}.invline.changed{background:#fff9ec;border:2px solid #e2a336}.invline.removing{border:2px dashed var(--red);background:#fff7f6}.invline.removing .grow b,.invline.removing .grow .code{color:var(--mute);text-decoration:line-through}.invline .grow{flex:220px;min-width:0}.was{color:var(--org);font-size:14px;font-weight:700}.stepper{background:#fff;border:1px solid #a8a8a3;border-radius:14px;align-items:center;display:inline-flex;overflow:hidden}.stepbtn{background:var(--ground);cursor:pointer;width:56px;height:56px;color:var(--ink);border:0;font-size:28px;font-weight:700}.stepbtn:hover{background:var(--mint)}.stepnum{text-align:center;-moz-appearance:textfield;background:#fff;border:0;width:76px;height:56px;font-size:24px;font-weight:800}.stepnum::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepnum::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.invacts{flex-wrap:wrap;gap:6px;display:flex}.movebox{border-top:1px solid var(--line);flex-wrap:wrap;flex:100%;align-items:flex-end;gap:10px;padding-top:10px;display:flex}.movebox .field{flex:0 140px}.savebar{left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));z-index:32;background:var(--ink);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 16px;display:flex;position:fixed}.savebar .pill{color:#fff;background:0 0;border-color:#5e5e5b}.savebar .pill.on{background:var(--leaf);color:#161616;border-color:var(--leaf)}.savebar .btn{min-height:46px}.savebar .btn:not(.pri){color:#fff;background:0 0;border-color:#5e5e5b}.savebar .btn.pri{background:var(--leaf);border-color:var(--leaf);color:#161616}.invpad{height:96px}.login{background:radial-gradient(90% 55% at 50% 0%,#fff 0%,var(--ground) 75%);justify-content:center;align-items:center;min-height:100vh;padding:28px 16px 40px;display:flex}.lcard{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:620px;display:flex}.lbrand{flex-direction:column;align-items:center;gap:6px;display:flex}.lbrand img{width:96px;height:96px;display:block}.lbrand span{letter-spacing:.14em;color:var(--mute);font-size:13px;font-weight:500}.login h1{text-align:center;font-size:28px}.login .sub{color:var(--mute);text-align:center;font-size:15px;line-height:1.6}.utiles{background:var(--card);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.utile{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:start;background:0 0;align-items:center;gap:14px;width:100%;min-height:68px;padding:10px 18px;transition:background .12s;display:flex}.utile:last-child{border-bottom:0}.utile:hover{background:var(--ground)}.utile:active{background:var(--mint)}.uav{width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:inline-flex}.utile .grow{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.utile b{font-size:18px}.utile small{color:var(--mute);font-size:13.5px}.utile .chev{width:20px;height:20px;color:var(--mute);flex:none}.pincard{background:var(--card);border:1px solid var(--line);border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:28px 22px 22px;display:flex;box-shadow:0 2px 4px #1616160a,0 18px 40px #16161614}.pinwho{flex-direction:column;align-items:center;gap:6px;display:flex}.pinwho .uav{width:76px;height:76px;font-size:32px}.pinwho b{font-size:24px;font-weight:800}.pincard{position:relative}.pinback{top:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;align-items:center;gap:4px;min-height:44px;padding:4px 14px 4px 10px;font-size:15px;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:14px}.pinback:hover{background:var(--ground)}.pinback svg{width:20px;height:20px}.pinwho{margin-top:30px}.pindots{direction:ltr;gap:14px;padding:6px 0;display:flex}.pindots i{background:var(--grybg);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s}.pindots i.on{background:var(--ink);transform:scale(1.15)}.pindots.err i{background:var(--red)}.pindots.err{animation:.35s shake}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.keypad{direction:ltr;grid-template-columns:repeat(3,78px);justify-content:center;gap:14px 22px;display:grid}.keypad button{background:var(--ground);cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:50%;width:78px;height:78px;font-size:30px;font-weight:600;transition:background .1s,transform .1s}.keypad button:hover{background:var(--mint)}.keypad button:active{background:var(--leaf);transform:scale(.94)}.keypad button.quiet{color:var(--mute);background:0 0;font-size:15px;font-weight:600}.keypad button.del{font-size:26px}.pinerr{color:var(--red);text-align:center;min-height:22px;font-size:15px;font-weight:700}.demohint{color:var(--mute);background:var(--ground);border-radius:99px;padding:4px 12px;font-size:13px}@media (prefers-reduced-motion:reduce){.utile,.pindots i,.keypad button{transition:none}.pindots.err{animation:none}}.ucard{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.ucard.off{opacity:.65}.uhead{cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px;display:flex}.uhead .grow{flex:1;min-width:0}.uhead small{color:var(--mute);font-size:13.5px;display:block}.ubody{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding:16px;display:flex}.rolecards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.rolecard{border:1px solid var(--line);background:var(--card);text-align:start;cursor:pointer;border-radius:14px;flex-direction:column;gap:4px;min-height:84px;padding:12px;display:flex}.rolecard b{font-size:16px}.rolecard span{color:var(--mute);font-size:13.5px;line-height:1.4}.rolecard.on{border:2px solid var(--pine);background:var(--ground)}.rolecard:disabled{cursor:not-allowed;opacity:.6}.codebox{border:2px dashed var(--pine);background:#f7fae6;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 16px;display:flex}.codebox b.code{letter-spacing:4px;direction:ltr;font-family:IBM Plex Mono,monospace;font-size:30px;font-weight:800}.langpick{flex-wrap:wrap;gap:8px;display:flex}.langpick button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;align-items:center;gap:8px;min-height:46px;padding:4px 14px;display:inline-flex}.langpick button.on{border:2px solid var(--pine);font-weight:700}.logout{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-weight:700;display:flex}@media print{body{background:#fff}.bar,.top,.noprint,.scrim,.side{display:none!important}.page{max-width:none;padding:0}.card{box-shadow:none;border:0;padding:0}.tbl,.tbl.wide{min-width:0}.tr{break-inside:avoid}}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.iconbtn{border:1px solid var(--line);background:var(--card);cursor:pointer;width:46px;height:46px;color:var(--pine2);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;display:grid}.nav button{min-height:48px;color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;font-weight:500;display:flex}.nav button span{flex:1}.nav button:hover{background:var(--mint)}.nav button.on{background:var(--pine);color:#fff;box-shadow:var(--shadow);font-weight:700}.nav em{background:var(--leaf);color:#161616;border-radius:99px;padding:0 8px;font-size:13px;font-style:normal;font-weight:700}.sidefoot{flex-direction:column;gap:10px;display:flex}.who{border:1px solid var(--line);background:var(--ground);cursor:pointer;text-align:right;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 10px;display:flex}.who b{line-height:1.2;display:block}.who small{color:var(--mute);font-size:13px}.avatar{background:var(--mint);width:38px;height:38px;color:var(--pine2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.wholist{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:4px;display:flex}.wholist button{text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:44px;padding:6px 10px}.wholist button:hover{background:var(--mint)}.wholist button.on{background:var(--mint);font-weight:700}.demo{color:var(--mute);font-size:12.5px}.demo button{cursor:pointer;color:var(--pine2);background:0 0;border:0;min-height:28px;padding:0;font-size:12.5px;text-decoration:underline}.scrim{display:none}.main{flex-direction:column;min-width:0;display:flex}.top{z-index:25;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:8px max(16px,50% - 536px);display:flex;position:sticky;top:0}.avatarbtn{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:46px;min-height:46px;padding:0;display:inline-flex}.top img{width:auto;height:30px;display:block}.page{flex-direction:column;gap:18px;width:100%;max-width:1120px;margin-inline:auto;padding:24px 24px 112px;display:flex}.hero{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px;display:grid}.strip{background:var(--line);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid;overflow:hidden}.strip button{background:var(--card);cursor:pointer;text-align:right;border:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:10px 16px;display:flex}.strip button:hover{background:var(--ground)}.strip span{color:var(--mute);font-size:14px}.strip b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.donut{background:var(--card);border:1px solid var(--line);text-align:right;cursor:pointer;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.donut:hover{border-color:var(--pine)}.donut h2{font-size:17px}.dbody{align-items:center;gap:18px;display:flex}.dring{flex:none;width:132px;height:132px;display:block;position:relative}.dring svg{width:132px;height:132px;display:block;transform:rotate(-90deg)}.dring circle{fill:none;stroke-width:5.5px}.dcenter{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.dcenter b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.dcenter small{color:var(--mute);font-size:12.5px}.dlegend{flex-direction:column;flex:1 1 0;gap:7px;min-width:0;display:flex}.dlegend span.li{align-items:center;gap:8px;font-size:15px;display:flex}.dlegend i{border-radius:4px;flex:none;width:12px;height:12px}.dlegend em{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-style:normal;font-weight:700}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 18px;display:flex}.tab{min-height:48px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:6px 2px;font-size:16px;font-weight:500}.tab.on{color:var(--pine2);border-bottom-color:var(--pine);font-weight:700}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.head p{color:var(--mute);margin-top:2px;font-size:15.5px}.card{background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);text-align:right;cursor:pointer;min-height:92px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.tile:hover{border-color:var(--pine)}.tile b{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.1}.tile span{color:var(--mute);font-size:14px}.cols{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;display:grid}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;min-height:52px;padding:8px 16px;font-size:17px;font-weight:700}.btn:hover{border-color:var(--pine)}.btn.pri{background:var(--pine);border-color:var(--pine);color:#fff}.btn.pri:hover{background:var(--pine2)}.btn.warn{background:var(--red);border-color:var(--red);color:#fff}.btn.big{flex:240px;min-height:64px;font-size:20px}.btn:disabled{background:var(--grybg);border-color:var(--grybg);color:var(--gry);cursor:not-allowed}.acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;min-height:44px;padding:6px 14px;font-weight:500}.pill.on{background:var(--pine);border-color:var(--pine);color:#fff;font-weight:700}.pill.sm{min-height:36px;padding:3px 12px;font-size:14px}.chip{white-space:nowrap;border-radius:6px;align-items:center;padding:2px 9px;font-size:13px;font-weight:700;display:inline-flex}.chip.red{background:var(--redbg);color:var(--red)}.chip.orange{background:var(--orgbg);color:var(--org)}.chip.green{background:var(--grnbg);color:var(--grn)}.chip.gray{background:var(--grybg);color:var(--gry)}.code{white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-family:IBM Plex Mono,monospace;font-size:14px}.rowno{background:var(--leaf);color:var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:50px;padding:3px 7px;line-height:1.05;display:inline-flex}.rowno small{font-size:11px;font-weight:500}.rowno b{font-size:21px;font-weight:800}.rowno.lg{min-width:82px;padding:8px}.rowno.lg small{font-size:14px}.rowno.lg b{font-size:38px}.field{flex-direction:column;flex:180px;gap:4px;min-width:0;font-size:14px;font-weight:500;display:flex}.field input,.field textarea,.search{background:#fff;border:1px solid #a8a8a3;border-radius:14px;width:100%;min-height:46px;padding:8px 12px;font-size:16px;font-weight:400}.fields{flex-wrap:wrap;gap:12px;display:flex}.search{min-height:54px;font-size:18px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--leafdk);outline-offset:1px}.scroll{overflow-x:auto}.tbl{flex-direction:column;min-width:760px;display:flex}.tr{border-bottom:1px solid var(--line);border-top:0;text-align:right;background:0 0;border-inline:0;align-items:center;gap:10px;width:100%;padding:9px 8px;display:grid}button.tr{cursor:pointer}button.tr:hover{background:var(--ground)}button.tr.sel{background:var(--mint)}.tr.h{color:var(--mute);font-size:13px;font-weight:700}.num{font-variant-numeric:tabular-nums;font-weight:700}.g-stock{grid-template-columns:170px minmax(160px,1.5fr) 64px 84px 66px 70px 66px 110px}.rowpill{background:var(--leaf);min-width:34px;height:30px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:3px;padding:0 9px;font-size:15px;font-weight:800;display:inline-flex}.sr-mob{display:none}@media (width<=900px){.tr.g-stock{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);text-align:start;border-radius:18px;padding:14px 16px;display:block}.tr.g-stock.sel{border:2px solid var(--ink)}.tr.g-stock .sr-d{display:none}.sr-mob{flex-direction:column;gap:5px;display:flex}.sr-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sr-where{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sr-qty{flex-direction:column;align-items:center;min-width:58px;display:flex}.sr-qty b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.sr-qty small{color:var(--mute);margin-top:2px;font-size:12px}.sr-red b{color:var(--red)}.sr-gray b{color:var(--gry)}.sr-name{margin-top:4px;font-size:17px;line-height:1.3}.sr-code{color:var(--mute);overflow-wrap:anywhere;font-size:14px}.sr-tags{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.sr-tag{background:var(--grybg);color:var(--ink);white-space:nowrap;border-radius:6px;padding:2px 9px;font-size:13px;font-weight:500}}.ctag{background:var(--card);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:13px;font-weight:500;display:inline-flex}.ctag b{font-variant-numeric:tabular-nums;font-weight:800}.ctag i{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000014}.ctag i.lt{box-shadow:inset 0 0 0 1px #00000040}.invtags{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:4px;display:inline-flex}.sr-row{background:var(--leaf);color:var(--ink);white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:5px 12px;font-size:15px;font-weight:700;display:inline-flex}.sr-row b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1}.sr-row .ico{flex:none;width:18px;height:18px}.sr-row.sm{padding:4px 10px;font-size:13px}.sr-row.sm b{font-size:19px}.sr-row2{border:1.5px solid var(--leafdk);color:var(--leafdk);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.sr-row2 b{font-size:18px;line-height:1}.searchrow{align-items:stretch;gap:8px;display:flex}.searchrow .search{flex:1;min-width:0}.scanbtn{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap;border-radius:14px;align-items:center;gap:7px;min-height:54px;padding:6px 16px;font-size:16px;font-weight:700;display:inline-flex}.scanbtn .ico{width:22px;height:22px}.scanbtn.light{background:var(--card);color:var(--ink)}.iconbtn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.iconbtn .ico{width:22px;height:22px}.iconbtn.danger{color:var(--red);background:#fff7f6;border-color:#f1c9c4}.iconbtn.danger:hover{background:var(--redbg)}.trashpill{color:var(--red);background:#fff7f6;border-color:#f1c9c4;align-items:center;gap:6px;display:inline-flex}.trashpill .ico{width:18px;height:18px}.trashpill.undo{color:var(--ink);border-color:var(--ink);background:var(--card)}.dmgpill{color:var(--org);background:#fff8ef;border-color:#f0d2b0;align-items:center;gap:6px;display:inline-flex}.dmgpill .ico{width:18px;height:18px}.dmgbox{background:var(--orgbg);border-radius:12px;flex-direction:column;flex-basis:100%;gap:10px;padding:12px;display:flex}.dmgcard{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-inline-start:5px solid #e2a336;border-radius:16px;flex-direction:column;gap:8px;margin-bottom:10px;padding:14px;display:flex}.dmghead{align-items:flex-start;gap:14px;display:flex}.dmghead .grow{flex:1;min-width:0}.dmgqty{background:var(--orgbg);min-width:52px;color:var(--org);border-radius:12px;flex-direction:column;align-items:center;padding:8px 6px;display:flex}.dmgqty b{font-size:26px;font-weight:800;line-height:1}.dmgqty small{font-size:12px}.dmgnote{background:var(--ground);border-radius:10px;padding:8px 12px;font-size:15px}.rmnote{color:var(--red);margin-top:4px;font-size:14px;font-weight:700;display:inline-block}.setbox{background:var(--ground);border-radius:16px;flex-direction:column;gap:10px;margin-top:14px;padding:14px;display:flex}.setfull{align-items:baseline;gap:8px;display:flex}.setfull b{font-size:30px;font-weight:800;line-height:1}.setpcs{align-items:stretch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.setpc{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;flex:1 0 84px;align-items:center;gap:3px;padding:10px 6px;display:flex}.setpc.cur{border:2px solid var(--ink)}.setpc.zero .pcvis i{color:var(--mute);background:#eceae4}.pcvis{justify-content:center;align-items:flex-end;height:64px;display:flex}.pcvis i{background:#d9d3c3;border-radius:5px 5px 40% 40%;justify-content:center;align-items:center;font-size:13px;font-style:normal;font-weight:800;display:flex}.setpc small{color:var(--mute);font-size:12px}.pcn{font-size:13px}.pcn b{font-size:17px}.pcs{color:var(--grn);font-size:12px;font-weight:700}.sheet{z-index:35;inset-inline:0;background:var(--card);max-width:620px;max-height:88vh;padding:18px 18px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;margin-inline:auto;display:flex;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -10px 40px #0000002e}.sheethead{justify-content:space-between;align-items:center;gap:10px;display:flex}.camzone{border:2px dashed var(--ink);background:var(--ground);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;padding:16px;display:flex}.camzone .ico{width:44px;height:44px}.camzone b{font-size:19px}.camzone input{opacity:0;width:1px;height:1px;position:absolute}.scanimg{object-fit:contain;background:var(--ground);border-radius:12px;align-self:center;max-width:100%;max-height:180px}.reading{align-items:center;gap:10px;font-weight:700;display:flex}.spin{border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scgroup{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.schead{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scqty{font-size:18px;font-weight:800}.scitem{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px 10px;padding:10px 0;display:grid}.scitem .grow{overflow-wrap:anywhere;min-width:0;font-size:15px}.scitem .code{font-size:13px}.scitem .sr-qty{min-width:40px}.scitem .sr-qty b{font-size:20px}.scitem .btn{min-height:44px;padding:6px 14px;font-size:15px}.scextra{background:var(--ground);border-radius:12px;padding:10px 12px;font-weight:500}.hashbox{background:var(--ground);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.g-ord{grid-template-columns:70px 120px minmax(130px,1.3fr) 76px 96px 120px 90px}.g-rep{grid-template-columns:70px 150px minmax(130px,1.2fr) 76px 56px 60px 90px 90px}.g-log{grid-template-columns:120px 100px minmax(130px,1fr) 130px minmax(110px,1fr) minmax(110px,1fr)}.g-usr{grid-template-columns:minmax(110px,1fr) 100px minmax(250px,2.4fr) 80px 170px}.g-idle{grid-template-columns:150px minmax(130px,1fr) 70px 70px 110px 110px}.tbl.wide{min-width:880px}.alert{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:9px 0;display:flex}.alert:last-child{border-bottom:0}.muted{color:var(--mute);font-size:14px}.notice{border-radius:8px;padding:10px 12px;font-weight:500}.notice.red{background:var(--redbg);color:var(--red)}.notice.orange{background:var(--orgbg);color:var(--org)}.sugg{border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.sugg button{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:right;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:48px;padding:6px 12px;display:flex}.sugg button:hover{background:var(--ground)}.line{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 0;display:flex}.line .grow{flex:220px;min-width:0}.qty{text-align:center;border:1px solid #a8a8a3;border-radius:8px;width:88px;min-height:46px;padding:6px 8px;font-weight:700}.pickcards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.pkhead{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.pkbig{font-size:22px;font-weight:800}.progress{background:var(--grybg);border-radius:99px;height:12px;overflow:hidden}.progress i{background:#187f52;border-radius:99px;height:100%;display:block}.pickline.tap{background:var(--card);border:2px solid var(--line);cursor:pointer;text-align:start;width:100%;box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 14px;margin-bottom:12px;padding:14px;display:grid}.pickline.tap .rowno.lg{border-radius:14px;grid-row:span 2;min-width:66px;padding:8px 6px}.pickline.tap .rowno.lg b{font-size:34px}.pickline.tap .pickqty{min-width:44px;font-size:28px}.pickline.tap.done{background:#eef8f1;border-color:#187f52}.pickline.tap.done .rowno{background:var(--leaf)}.plmain{flex-direction:column;gap:3px;min-width:0;display:flex}.plcode{white-space:normal;overflow-wrap:anywhere;text-align:start;align-self:flex-start;font-size:16px}.plname{font-size:16px;line-height:1.3}.plstate{border-top:1px dashed var(--line);color:var(--mute);grid-column:1/-1;align-items:center;gap:10px;margin-top:8px;padding-top:10px;font-size:15px;font-weight:700;display:flex}.pickline.tap.done .plstate{color:#187f52;border-top-color:#b9dec6}.check{color:#fff;border:3px solid #a8a8a3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.check .ico{width:20px;height:20px}.pickline.tap.done .check{background:#187f52;border-color:#187f52}.svc{background:var(--orgbg);color:var(--org);border-radius:99px;align-items:center;gap:5px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.svc .ico{width:16px;height:16px}.todo{flex-direction:column;gap:0;padding:4px 0;display:flex}.todo button{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:start;background:0 0;align-items:center;gap:14px;width:100%;min-height:64px;padding:8px 4px;display:flex}.todo button:last-child{border-bottom:0}.todo button:hover{background:var(--ground)}.todo .tico{border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.todo .tico.orange{background:var(--orgbg);color:var(--org)}.todo .tico.green{background:var(--grnbg);color:var(--grn)}.todo .tico.red{background:var(--redbg);color:var(--red)}.todo .tico.gray{background:var(--grybg);color:var(--gry)}.todo b{font-variant-numeric:tabular-nums;min-width:44px;font-size:28px;font-weight:800}.todo span.t{flex:1;font-size:17px}.langbtn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;min-height:46px;padding:4px 14px;font-size:15px;font-weight:700}.topend{align-items:center;gap:8px;display:flex}.langwrap{display:inline-flex;position:relative}.flagbtn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex}.flag{border-radius:3px;flex:none;width:26px;height:18px;box-shadow:0 0 0 1px #0000001f}.langmenu{top:52px;z-index:35;background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 12px 32px #00000029}.langmenu button{cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:6px 10px;font-weight:500;display:flex}.langmenu button:hover{background:var(--ground)}.langmenu button.on{background:var(--mint);font-weight:800}.langs .langbtn{border:0;min-height:42px;padding:2px 12px}.langs .langbtn.on{background:var(--pine);color:#fff}.pickcard{background:var(--card);border:1px solid var(--line);border-inline-start:6px solid var(--line);box-shadow:var(--shadow);text-align:start;cursor:pointer;border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pickcard.pk-orange{border-inline-start-color:#e2a336}.pickcard.pk-green{border-inline-start-color:#187f52}.pickcard:hover{border-color:var(--ink)}.pickcard .pkhead{justify-content:space-between}.pkcust{font-size:19px;line-height:1.25}.pkmeta{color:var(--mute);flex-wrap:wrap;gap:6px 16px;font-size:15px;display:flex}.pkinfo{align-items:center;gap:6px;display:inline-flex}.pkinfo .ico{width:20px;height:20px}.pkinfo b{color:var(--ink)}.pkrows{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pkrow{background:var(--leaf);border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-size:15px;font-weight:800;display:inline-flex}.pkprog{align-items:center;gap:10px;display:flex}.pkprog .progress{flex:1;height:8px}.pkprog small{color:var(--mute);white-space:nowrap;font-size:13px}.pkcta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:10px;font-size:16px;font-weight:800;display:flex}.pkcta .ico{width:22px;height:22px}.pickline{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 0;display:flex}.pickline .grow{flex:220px;min-width:0}.pickqty{font-variant-numeric:tabular-nums;text-align:center;min-width:62px;font-size:30px;font-weight:800}.pickqty small{color:var(--mute);font-size:12px;font-weight:500;display:block}.steps{flex-wrap:wrap;gap:6px;display:flex}.toast{z-index:40;background:var(--ink);color:#fff;border-radius:8px;max-width:min(420px,100vw - 36px);padding:12px 16px;font-weight:500;position:fixed;bottom:88px;left:18px}.toast.bad{background:var(--red)}@media (width<=900px){.page{padding:16px 16px 104px}h1{font-size:24px}.scroll{overflow:visible}.tbl,.tbl.wide{gap:10px;min-width:0}.tr.h{display:none}.tr,.g-stock,.g-ord,.g-rep,.g-log,.g-usr,.g-idle,.g-doc{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;padding:12px}.tr>[data-l]:before{content:attr(data-l);color:var(--mute);font-size:12px;font-weight:500;display:block}.tr>.full{grid-column:1/-1}}