:root{--pri:#2563eb;--pri-d:#1d4ed8;--pri-soft:#e8f0fe;--side:#1e2a3a;--ink:#1e293b;--mut:#64748b;--line:#e2e8f0;--bg:#f3f4f8;--card:#fff;--ok:#16a34a;--ok-d:#15803d;--red:#ef4444;--amber:#f59e0b;--shadow:0 1px 4px rgba(0,0,0,.06);--shadow-lg:0 20px 60px rgba(16,24,40,.22)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow:hidden;font-size:16px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--side);color:#cbd5e1;display:flex;flex-direction:column;transition:width .25s;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:36px;height:36px;background:var(--pri);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.brand-name{font-size:16px;font-weight:600;color:#f1f5f9;white-space:nowrap}.sb-nav{flex:1;padding:10px 8px;overflow-y:auto;overflow-x:hidden}.cat{margin-bottom:2px}.cat-h{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap}.cat-h:hover{color:#94a3b8}.cat-h .chev{margin-left:auto;transition:transform .15s;font-size:11px}.cat.col .cat-h .chev{transform:rotate(-90deg)}.cat.col .cat-items{display:none}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;border-left:3px solid transparent;white-space:nowrap;cursor:pointer}.nav-item i{font-size:17px;flex-shrink:0;width:20px;text-align:center}.nav-item:hover{background:#ffffff12;color:#f1f5f9}.nav-item.active{background:#2563eb2e;color:#93c5fd;border-left-color:var(--pri)}.collapsed .brand-name,.collapsed .cat-h span,.collapsed .nav-label,.collapsed .sb-foot span{display:none}.collapsed .cat-h,.collapsed .nav-item{justify-content:center}.sb-foot{padding:13px 16px;font-size:11px;color:#475569;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap}.body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:12px;box-shadow:var(--shadow);flex-shrink:0}.toggle{width:38px;height:38px;color:#475569;font-size:22px;border-radius:8px;display:flex;align-items:center;justify-content:center}.toggle:hover{background:#f1f5f9}.tb-title{font-size:16px;font-weight:600;color:var(--ink)}.tb-sp{flex:1}.seg{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:8px;padding:6px 12px}.seg label{font-size:12px;color:var(--mut);font-weight:700;text-transform:uppercase}.seg select{border:0;background:none;font-weight:600;font-size:15px;color:var(--ink);outline:none}.seg b{font-weight:700;color:var(--pri)}.icon-btn{width:38px;height:38px;color:#475569;font-size:18px;border-radius:8px;display:flex;align-items:center;justify-content:center}.user-avatar{width:30px;height:30px;background:var(--pri);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.logout{color:#94a3b8;font-size:16px}.logout:hover{color:var(--red)}.actbar{height:54px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px;flex-shrink:0}.tabs{display:flex;gap:4px;background:#eef1f6;border-radius:9px;padding:4px}.tab{padding:8px 16px;border-radius:7px;font-weight:600;font-size:14px;color:#5b6378;display:flex;gap:7px;align-items:center}.tab.on{background:#fff;color:var(--pri);box-shadow:var(--shadow)}.acts{margin-left:auto;display:flex;gap:4px}.act{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:8px;color:#475569;font-size:13px;font-weight:600}.act i{font-size:15px}.act:hover{background:#f1f5f9;color:var(--pri)}.page{flex:1;display:flex;min-height:0;gap:14px;padding:14px;overflow:hidden}.pane{background:var(--card);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;overflow:hidden}.left{flex:1.05}.right{flex:1.25}.cust{display:flex;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid var(--line)}.cust .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.cust .who{flex:1;min-width:0}.cust .who .nm{font-weight:600;font-size:16px}.cust .who .sub{color:var(--mut);font-size:13px}.cust .chg{padding:9px 15px;border:1.5px solid var(--pri);color:var(--pri);border-radius:9px;font-weight:600;font-size:14px}.cart{flex:1;overflow-y:auto;padding:8px}.cart .empty{color:var(--mut);text-align:center;padding:60px 24px;font-size:15px;line-height:1.6}.cart .empty i{font-size:40px;opacity:.3;display:block;margin-bottom:10px}.crow{display:flex;align-items:center;gap:12px;padding:13px;border-radius:11px;margin-bottom:5px;border:1.5px solid transparent}.crow:active{background:#f7f8fb}.crow.sel{background:var(--pri-soft);border-color:#bcd2fb}.crow .nx{width:28px;height:28px;border-radius:7px;background:#eef1f6;color:var(--pri);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crow .info{flex:1;min-width:0}.crow .info .nm{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crow .info .m{color:var(--mut);font-size:13px;margin-top:2px}.crow .amt{font-weight:700;font-size:16px}.crow .del{width:32px;height:32px;border-radius:8px;background:#fef2f2;color:var(--red);font-size:17px;flex-shrink:0}.totals{flex-shrink:0;margin:8px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;padding:13px 17px}.totals .l{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;color:var(--mut)}.totals .l span:last-child{color:var(--ink);font-weight:600}.totals .l.big{border-top:2px solid var(--line);margin-top:7px;padding-top:11px}.totals .l.big span:first-child{font-weight:700;font-size:18px;color:var(--ink)}.totals .l.big span:last-child{color:var(--pri);font-weight:800;font-size:25px}.payrow{display:flex;gap:9px;padding:0 8px 9px}.pay{flex:2.4;height:60px;border-radius:12px;background:var(--ok);color:#fff;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center;gap:9px}.pay:hover{background:var(--ok-d)}.pay.refund{background:#dc2626}.pay.refund:hover{background:#b91c1c}.act.act-credit{color:#b45309}.act.act-credit:hover{background:#fff7ed;color:#b45309;border-color:#fed7aa}.creditbanner{display:flex;align-items:center;gap:8px;margin:0 8px 8px;padding:8px 12px;border-radius:9px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:12.5px;font-weight:700;letter-spacing:.02em}.totals .sumtotal.credit span:last-child{color:#dc2626}.btn2{flex:1;height:60px;border-radius:12px;background:#f1f5f9;color:#475069;font-weight:600;font-size:16px}.rtop{padding:13px 13px 9px;border-bottom:1px solid var(--line)}.srch{display:flex;align-items:center;gap:10px;height:50px;border:1.5px solid var(--line);border-radius:11px;padding:0 15px;background:#fafbfc}.srch:focus-within{border-color:var(--pri);background:#fff}.srch i{font-size:18px;color:var(--mut)}.srch input{flex:1;border:0;background:none;font-size:16px;outline:none}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chip{padding:8px 16px;border-radius:999px;background:#eef1f6;color:#5b6378;font-weight:600;font-size:14px;white-space:nowrap}.chip.on{background:var(--pri);color:#fff}.grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px;align-content:start}.prod{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px;min-height:108px}.prod:active{border-color:var(--pri);background:var(--pri-soft)}.prod .badge{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eef1f6;color:#5b6378;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.prod .pn{font-weight:600;font-size:15px;line-height:1.25;margin-top:2px}.prod .ps{color:var(--mut);font-size:12.5px}.prod .pp{flex:0 0 auto;display:flex;align-items:baseline;gap:2px;white-space:nowrap}.prod .pp .pr{font-weight:800;color:var(--pri);font-size:16px}.prod .pp .un{font-size:11.5px;color:var(--mut);font-weight:600}.invwrap{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.invtop{display:flex;gap:11px;align-items:center;padding:15px;border-bottom:1px solid var(--line);flex-wrap:wrap}.invtop .srch{flex:1;min-width:260px}.invtop select{height:48px;border:1.5px solid var(--line);border-radius:11px;padding:0 14px;font-size:15px;font-weight:600;background:#fafbfc}.invtop .new{height:48px;padding:0 20px;border-radius:11px;background:var(--pri);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.invhead,.invrow{display:grid;grid-template-columns:130px 1fr 110px 120px 120px 120px;gap:10px;align-items:center;padding:16px 18px}.invhead{background:#f8fafc;color:var(--mut);font-size:13px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--line)}.invlist{flex:1;overflow-y:auto}.invrow{border-bottom:1px solid #f1f5f9;font-size:16px}.invrow:active{background:var(--pri-soft)}.invrow .inv{font-weight:700;color:var(--pri)}.invrow .amt{font-weight:700;text-align:right}.pill2{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700}.pill2.paid{background:#dcfce7;color:#15803d}.pill2.due{background:#fef3c7;color:#b45309}.pill2.quote{background:#dbeafe;color:#1d4ed8}.ov{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:40;padding:18px}.modal{background:#fff;border-radius:16px;width:600px;max-width:100%;max-height:94vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.mh{display:flex;align-items:center;gap:13px;padding:17px;border-bottom:1px solid var(--line)}.mh .t{flex:1;min-width:0}.mh .t .nm{font-weight:700;font-size:19px}.mh .t .s{color:var(--mut);font-size:13.5px;margin-top:2px}.mh .x{width:40px;height:40px;border-radius:9px;background:#f1f5f9;color:#5b6378;font-size:22px}.mbody{padding:15px 17px;overflow-y:auto}.mode{display:flex;gap:8px;margin-bottom:13px}.mode button{flex:1;height:44px;border-radius:9px;background:#eef1f6;color:#5b6378;font-weight:600;font-size:14px}.mode button.on{background:var(--pri-soft);color:var(--pri)}.sfbox{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:13px}.sfbox .lab{font-size:12px;color:var(--mut);font-weight:700;text-transform:uppercase;text-align:center}.sfbox .val{font-size:42px;font-weight:800;text-align:center;margin:4px 0 11px;cursor:pointer}.sfbox .val small{font-size:19px;color:var(--mut);margin-left:4px}.wasteline{margin-bottom:11px}.wlink{font-size:12.5px;color:var(--mut);font-weight:600}.wlink:hover{color:var(--pri)}.waste{display:none;gap:6px;margin-top:8px}.waste.show{display:flex}.waste button{flex:1;padding:7px 0;border-radius:8px;background:#eef1f6;font-weight:600;font-size:12.5px;color:#5b6378}.waste button.on{background:var(--amber);color:#fff}.round{display:flex;gap:7px;margin-bottom:12px}.round button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 6px;border-radius:9px;background:#eef1f6;font-weight:600;font-size:13px;color:#5b6378;border:1.5px solid transparent}.round button.on{background:var(--pri-soft);color:var(--pri);border-color:#bcd2fb}.round .rdo{width:16px;height:16px;border-radius:50%;border:2px solid #94a3b8;position:relative;flex-shrink:0}.round button.on .rdo{border-color:var(--pri)}.round button.on .rdo:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--pri)}.sfsum{text-align:center;font-size:14px;color:var(--ink);font-weight:500}.sfsum b{color:var(--pri)}.qrd{display:flex;gap:9px;margin-bottom:13px}.qf{flex:1;border:1.5px solid var(--line);border-radius:11px;padding:10px 12px;background:#fafbfc;cursor:pointer}.qf.active{border-color:var(--pri);background:#fff;box-shadow:0 0 0 3px var(--pri-soft)}.qf .lab{font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase}.qf .v{font-size:23px;font-weight:800;margin-top:3px}.qf .v small{font-size:13px;color:var(--mut);font-weight:600}.linetot{display:flex;justify-content:space-between;align-items:center;background:var(--side);color:#fff;border-radius:11px;padding:12px 17px;margin-bottom:13px}.linetot .l{font-size:14px;color:#aab2cf}.linetot .v{font-size:25px;font-weight:800}.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kp button{height:54px;border-radius:11px;background:#f1f5f9;font-size:22px;font-weight:700}.kp button:active{background:#e2e8f0}.madd{margin:13px 17px 17px;height:60px;border-radius:12px;background:var(--pri);color:#fff;font-weight:700;font-size:18px}.madd:hover{background:var(--pri-d)}.paywin{background:#fff;border-radius:16px;width:540px;max-width:100%;max-height:94vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.due{padding:20px;text-align:center;background:var(--side);color:#fff;border-radius:16px 16px 0 0}.due .lbl{color:#aab2cf;font-size:13px}.due .amt{font-size:42px;font-weight:800}.tenders{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:15px}.tender{height:70px;border-radius:12px;border:1.5px solid var(--line);background:#fafbfc;font-weight:600;font-size:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.tender i{font-size:22px}.tender.sel{border-color:var(--pri);background:var(--pri-soft);color:var(--pri)}.quick{display:flex;gap:8px;padding:0 15px 11px}.quick button{flex:1;height:48px;border-radius:11px;background:#f1f5f9;font-weight:700;font-size:15px;color:#475069}.tendbox{margin:0 15px 11px;border:1px solid var(--line);border-radius:11px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.tendbox .lab{color:var(--mut);font-size:13px}.tendbox .v{font-size:25px;font-weight:800;color:var(--pri)}.done{margin:0 15px 8px;width:calc(100% - 30px);height:60px;border-radius:12px;background:var(--ok);color:#fff;font-weight:700;font-size:18px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--side);color:#fff;padding:13px 22px;border-radius:11px;font-weight:600;z-index:60;box-shadow:var(--shadow-lg)}.loginwrap{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.logincard{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);width:360px;padding:32px 28px}.lbrand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.lbrand .brand-mark{width:34px;height:34px}.lsub{color:var(--mut);font-size:13px;margin:4px 0 20px}.llab{display:block;font-size:12px;font-weight:700;color:#475069;margin:12px 0 6px}.lin{width:100%;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;font-size:15px;outline:none}.lin:focus{border-color:var(--pri)}.lbtn{width:100%;height:48px;margin-top:20px;border-radius:10px;background:var(--pri);color:#fff;font-weight:700;font-size:16px}.lbtn:disabled{opacity:.6}.lmsg{margin-top:12px;font-size:13px;color:var(--red)}.walkin{width:100%;margin:12px 0;padding:12px;border-radius:10px;border:1.5px dashed var(--line);color:#475069;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;justify-content:center}.walkin:hover{border-color:var(--pri);color:var(--pri)}.custlist{max-height:340px;overflow-y:auto}.custrow{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;cursor:pointer}.custrow:hover{background:var(--pri-soft)}.cav{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.cinfo{flex:1;min-width:0}.cinfo .cn{font-weight:600;font-size:15px}.cinfo .cm{color:var(--mut);font-size:13px;margin-top:1px}.details{margin:8px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.det-h{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font-weight:600;font-size:14px}.det-h .dt{display:flex;align-items:center;gap:8px}.det-h .det-sum{margin-left:auto;color:var(--mut);font-size:12.5px;font-weight:500}.det-h .chev{margin-left:8px;transition:transform .15s;color:var(--mut)}.det-body{padding:0 14px 14px;border-top:1px solid var(--line)}.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.df label{display:block;font-size:12px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.df .dv{font-size:14px;font-weight:600;padding:8px 0}.df input,.df select{width:100%;height:44px;border:1.5px solid var(--line);border-radius:8px;padding:0 10px;font-size:15px;outline:none;background:#fff;font-family:inherit}.df input:focus,.df select:focus{border-color:var(--pri)}.dlab{display:block;font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase;margin:12px 0 4px}.dta{width:100%;min-height:58px;border:1.5px solid var(--line);border-radius:8px;padding:10px;font-size:14px;font-family:inherit;outline:none;resize:vertical}.dta:focus{border-color:var(--pri)}.topmenu{position:relative}.tmbtn{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:8px;color:#475069;font-size:14px;font-weight:600}.tmbtn:hover{background:#f1f5f9;color:var(--pri)}.tmbtn i:first-child{font-size:15px}.tmdrop{position:absolute;top:46px;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);min-width:210px;padding:6px;z-index:50;max-height:60vh;overflow-y:auto}.tmdrop a{display:block;padding:9px 12px;border-radius:7px;font-size:14px;color:#334155;cursor:pointer;white-space:nowrap}.tmdrop a:hover{background:var(--pri-soft);color:var(--pri)}.topnav{display:flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:8px;color:#475069;font-size:14px;font-weight:600;cursor:pointer}.topnav:hover{background:#f1f5f9;color:var(--pri)}.topnav.on{background:var(--pri-soft);color:var(--pri)}.topnav i{font-size:15px}.pagewrap{flex:1;overflow-y:auto;padding:26px 30px}.pagehd{display:flex;align-items:center;gap:13px;margin-bottom:22px}.pagehd i{font-size:30px;color:var(--pri)}.pagehd h2{font-size:23px;font-weight:800}.pagehd p{color:var(--mut);font-size:14px;margin-top:2px}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.setcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}.setcard-h{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);padding-bottom:11px;margin-bottom:6px;border-bottom:1px solid var(--line)}.setcard-h i{color:var(--pri);font-size:16px}.setcard a{display:block;padding:9px 6px;border-radius:7px;font-size:14.5px;color:#334155;cursor:pointer}.setcard a:hover{background:var(--pri-soft);color:var(--pri)}.dmode{display:inline-block;margin-left:6px;background:var(--pri-soft);color:var(--pri);border-radius:5px;padding:0 6px;font-weight:800;cursor:pointer}.modal.modal-lg{width:840px;max-width:96vw}.custtabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.custtabs button{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}.custtabs button.active{color:#2563eb;border-bottom-color:#2563eb}.custbody{padding:16px;max-height:72vh;overflow:auto}.dgrid{display:grid;grid-template-columns:280px 1fr;gap:18px}.dleft{display:flex;flex-direction:column;gap:8px}.dleft .custlist{margin-top:2px;max-height:330px;overflow:auto;border:1px solid #eef2f7;border-radius:8px}.walkin.alt{background:#fff;color:#2563eb;border:1px solid #cdd9ee}.custrow.sel{background:#eaf1ff}.dright{display:flex;flex-direction:column;gap:10px}.frow{display:flex;gap:10px;flex-wrap:wrap}.ff{flex:1;display:flex;flex-direction:column;gap:4px;min-width:120px}.ff.grow{flex:1 1 100%}.ff label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.ff input,.ff select{height:36px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px;font-size:14px;background:#fff;color:#0f172a}.ff input:focus,.ff select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.bd select{flex:1;height:36px;border:1px solid #cbd5e1;border-radius:7px;padding:0 6px;background:#fff}.frow.chk{gap:22px;margin-top:2px}.frow.chk label{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155;font-weight:500;text-transform:none;letter-spacing:0}.dactions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.dactions .btn-ghost{background:none;border:1px solid #e2e8f0;color:#64748b;padding:0 16px;height:38px;border-radius:8px;font-weight:600;cursor:pointer}.dactions .btn-line{background:#fff;border:1px solid #2563eb;color:#2563eb;padding:0 16px;height:38px;border-radius:8px;font-weight:600;cursor:pointer}.dactions .btn-primary{height:38px;padding:0 18px}.fmsg{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:8px 12px;border-radius:7px;font-size:13px}.tabpane{display:flex;flex-direction:column;gap:12px}.discnote{font-size:13px;color:#64748b}.dtable{width:100%;border-collapse:collapse;font-size:14px}.dtable th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;padding:9px 10px;border-bottom:1px solid #e5e7eb}.dtable td{padding:9px 10px;border-bottom:1px solid #f1f5f9;color:#1f2937}.dtable td .num{width:100%;height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:0 8px;text-align:right;font-size:14px}.w120{width:120px}.w50{width:50px}.empty{padding:18px;text-align:center;color:#94a3b8;font-size:13px}.empty.pad{padding:34px}.balrow{font-size:15px;font-weight:600;color:#334155;display:flex;align-items:center;gap:10px}.balrow span{font-size:20px;color:#16a34a;font-weight:700}.craddrow{display:flex;gap:8px}.craddrow input{height:38px;border:1px solid #cbd5e1;border-radius:7px;padding:0 10px;font-size:14px}.craddrow input:first-child{flex:1}.craddrow input.num{width:140px;text-align:right}.lnkdel{background:none;border:none;color:#ef4444;cursor:pointer;font-size:15px}@media (max-width:720px){.dgrid{grid-template-columns:1fr}}.paywin{width:432px;max-width:96vw}.payhead{display:flex;align-items:flex-start;justify-content:space-between}.paymethods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px}.paymethods .tender{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:12.5px;font-weight:600;color:#334155;cursor:pointer}.paymethods .tender i{font-size:18px;color:#64748b}.paymethods .tender.sel{border-color:#2563eb;background:#eff5ff;color:#2563eb}.paymethods .tender.sel i{color:#2563eb}.paylines{padding:4px 16px 0;display:flex;flex-direction:column;gap:6px}.payline{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:7px 10px;font-size:14.5px}.payline .pl-m{flex:1;color:#166534;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}.payline .pl-a{font-weight:700;color:#166534}.payline .pl-x{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:3px 6px;line-height:1}.payentry{padding:8px 16px}.amtbox{display:flex;align-items:center;justify-content:space-between;background:#0f172a;color:#fff;border-radius:10px;padding:12px 16px;margin-bottom:8px}.amtbox .lab{font-size:13px;color:#cbd5e1;font-weight:600}.amtbox .val{font-size:26px;font-weight:700}.payref{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font-size:14px;margin-bottom:8px;box-sizing:border-box}.payref:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.quick button{height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:12.5px;font-weight:600;color:#475569;cursor:pointer}.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kp button{height:46px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:18px;font-weight:600;color:#1f2937;cursor:pointer}.kp button:active{background:#eef2f7}.payactions{display:flex;gap:8px;padding:12px 16px 16px}.payactions .addsplit{flex:1;height:46px;border:1px solid #2563eb;background:#fff;color:#2563eb;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.payactions .done{flex:1.4;height:46px;border:none;background:#2563eb;color:#fff;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.saletop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #eef2f7}.stinfo{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px}.stdraft{color:#475569;display:flex;align-items:center;gap:5px}.stsaving{color:#b45309}.stsaved{color:#16a34a;display:flex;align-items:center;gap:3px}.stnew{color:#94a3b8}.newsalebtn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #2563eb;color:#2563eb;font-weight:600;font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer}.newsalebtn:hover{background:#eff5ff}.acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.act{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .06s ease;box-shadow:0 1px 1px #0f172a08}.act i{font-size:15px;color:#64748b;transition:color .12s ease}.act:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.act:hover i{color:#475569}.act:active{transform:translateY(1px)}.act-new{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 1px 3px #2563eb59}.act-new i{color:#fff}.act-new:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.act-new:hover i{color:#fff}.saletop .newsalebtn{display:none}.sidebar{width:240px;min-width:240px;background:#1e2a3a;color:#cbd5e1;display:flex;flex-direction:column;transition:width .25s,min-width .25s;overflow:hidden}.collapsed .sidebar{width:64px;min-width:64px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand-mark{width:36px;height:36px;background:#2563eb;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.sidebar .brand-name{font-size:16px;font-weight:600;color:#f1f5f9;white-space:nowrap}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;border-left:3px solid transparent;white-space:nowrap;cursor:pointer}.sidebar .nav-item i{font-size:18px;flex-shrink:0;width:22px;text-align:center}.sidebar .nav-item:hover{background:#ffffff12;color:#f1f5f9}.sidebar .nav-item.active{background:#2563eb2e;color:#93c5fd;border-left-color:#2563eb}.sidebar .nav-label{white-space:nowrap;overflow:hidden}.sidebar-footer{padding:14px 16px;font-size:11px;color:#475569;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden}.nav-group{display:flex;flex-direction:column}.nav-group-hdr{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;color:#94a3b8;font-size:14px;font-weight:500;text-align:left;width:100%;white-space:nowrap;transition:background .15s,color .15s}.nav-group-hdr:hover{background:#ffffff12;color:#f1f5f9}.nav-group-open>.nav-group-hdr{background:#2563eb1f;color:#93c5fd;border-left-color:#2563eb}.nav-group-icon{font-size:18px;flex-shrink:0;width:22px;text-align:center}.nav-group-name{flex:1;overflow:hidden}.nav-chevron{font-size:12px;flex-shrink:0;opacity:.6}.collapsed .nav-chevron,.collapsed .nav-sub-list{display:none}.nav-sub-list{display:flex;flex-direction:column;padding:2px 0 4px 35px;gap:1px}.nav-sub-item{display:block;padding:6px 8px;border-radius:6px;color:#94a3b8;text-decoration:none;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s,color .12s;cursor:pointer}.nav-sub-item:hover{background:#ffffff0f;color:#f1f5f9}.nav-sub-item.active{color:#93c5fd;background:#2563eb24}.topbar{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 20px;gap:12px;box-shadow:0 1px 4px #0000000f;flex-shrink:0}.toggle-btn{width:36px;height:36px;background:none;border:none;cursor:pointer;color:#475569;font-size:22px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s}.toggle-btn:hover{background:#f1f5f9}.topbar-title{font-size:18px;font-weight:700;color:#1e293b;flex:1;text-align:center;letter-spacing:.3px}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;background:none;border:none;cursor:pointer;color:#475569;font-size:18px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s}.icon-btn:hover{background:#f1f5f9}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:8px;background:#f1f5f9}.user-avatar{width:28px;height:28px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.user-name{font-size:13px;font-weight:500;color:#334155}.logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;display:flex;align-items:center;padding:0 2px;transition:color .15s}.logout-btn:hover{color:#ef4444}.topbar-shortcuts{display:flex;align-items:center;gap:4px;margin-right:8px}.topbar-shortcuts a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#57534e;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.topbar-shortcuts a:hover{background:#faf8f4;color:#1f1c19}.topbar-shortcuts a.active{background:#fef3c7;color:#92400e}.topbar-shortcuts a i{font-size:14px}.settings-page{padding:32px 24px;max-width:1280px;margin:0 auto}.settings-head{margin-bottom:18px}.settings-head h1{display:flex;align-items:center;gap:10px;font-size:24px;color:#1f1c19;margin:0 0 4px}.settings-head h1 i{color:#a3823f}.settings-head .muted{color:#6b6661;font-size:14px;margin:0}.settings-page .muted{color:#6b6661}.settings-page .center{text-align:center;padding:40px 12px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.settings-card{background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 3px #0000000d}.settings-card-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #f1f1f0;font-size:15px;color:#44403c;text-transform:uppercase;letter-spacing:.05em}.settings-card-title i{color:#a3823f;font-size:18px}.settings-card ul{list-style:none;padding:0;margin:0}.settings-card li{padding:8px 4px;border-bottom:1px solid #f8f7f4;font-size:14px;display:flex;align-items:center;justify-content:space-between}.settings-card li:last-child{border-bottom:0}.settings-card li a{color:#1f1c19;text-decoration:none;flex:1;cursor:pointer}.settings-card li a:hover{color:#a3823f}.txnwrap{display:flex;flex-direction:column;height:100%;padding:18px 22px;gap:14px;overflow:hidden}.txntop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.txntop h2{margin:0 6px 0 0;font-size:20px;color:#1e293b;flex:0 0 auto}.txntop select{height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-size:14px;background:#fff}.txntop .srch{flex:1;min-width:180px;max-width:360px;display:flex;align-items:center;gap:8px;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;background:#fff}.txntop .srch input{border:none;outline:none;flex:1;font-size:14px;background:transparent}.txntop .new{height:38px;padding:0 14px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.txntop .new.ghost{background:#fff;color:#2563eb;border:1px solid #2563eb}.txnbody{flex:1;display:flex;gap:16px;min-height:0}.txnlistwrap{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.txnhead,.txnrow{display:grid;grid-template-columns:46px 1fr 1fr 1fr 1.1fr 1.9fr 1fr 1fr 1fr 54px;gap:8px;padding:9px 14px;align-items:center;font-size:13px}.txnhead.clhead,.txnrow.clrow{grid-template-columns:1.6fr 1fr 1fr 1fr 1.6fr 1fr .7fr .9fr 84px}.txnrow.clrow .email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.txnrow.clrow .cust{font-weight:600;color:#1e293b}.txnhead .c,.txnrow .c{text-align:center}.txnrow .ico{width:30px;height:30px;border:1px solid #e2e8f0;background:#fff;border-radius:7px;color:#475569;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .12s}.txnrow .ico:hover{border-color:#2563eb;color:#2563eb;background:#eff5ff}.txnrow .ico.view:hover{border-color:#0ea5e9;color:#0ea5e9;background:#e0f2fe}.txnhead{background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;font-weight:700}.txnlist{flex:1;overflow-y:auto}.txnrow{border-bottom:1px solid #f1f5f9}.txnrow:hover{background:#f8fafc}.txnrow .r,.txnhead .r{text-align:right}.txnrow .inv{font-weight:700;color:#2563eb}.txnrow .cust{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txnrow .bal{font-weight:600}.otag{display:inline-block;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txnempty{padding:30px;text-align:center;color:#94a3b8;font-size:13px}.txncharts{flex:0 0 300px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.chartcard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.ch-title{font-size:13px;font-weight:700;color:#334155;margin-bottom:12px}.ch-sub{color:#94a3b8;font-weight:600}.barrow{display:grid;grid-template-columns:84px 1fr auto;gap:8px;align-items:center;margin-bottom:9px;font-size:12px}.barrow .bl{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrow .bt{height:10px;background:#f1f5f9;border-radius:6px;overflow:hidden}.barrow .bf{display:block;height:100%;border-radius:6px;min-width:2px}.barrow .bv{font-weight:700;color:#334155;font-size:11.5px}.pierow{display:flex;align-items:center;gap:14px}.pie{width:118px;height:118px;border-radius:50%;flex:0 0 auto;position:relative}.pie:after{content:"";position:absolute;inset:30px;background:#fff;border-radius:50%}.pielegend{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.pielegend .lg{display:flex;align-items:center;gap:7px;font-size:12px;color:#475569}.pielegend .dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.pielegend .ln{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pielegend b{color:#1e293b}@media (max-width:1000px){.txnbody{flex-direction:column}.txncharts{flex:0 0 auto;flex-direction:row}.chartcard{flex:1}}.shell select,.ov select,.modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:30px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.shell select:hover,.ov select:hover,.modal select:hover{border-color:#94a3b8;background-color:#fbfcfe}.shell select:focus,.ov select:focus,.modal select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;background-color:#fff}.shell select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}pos-select{display:block;width:100%}.bd{display:flex;gap:6px}.bd pos-select{flex:1}.txntop pos-select{width:150px;flex:0 0 auto}.df pos-select,.ff pos-select{width:100%}.details{margin:8px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.det-h{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;font-weight:600;font-size:13.5px;color:#334155}.det-h:hover{background:#f8fafc}.det-h .dt{display:flex;align-items:center;gap:8px;color:#1e293b;flex:0 0 auto}.det-h .dt i{color:#2563eb;font-size:16px}.det-sum{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dchip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef2f7;color:#475569;white-space:nowrap}.dchip.ghost{background:transparent;border:1px solid #e2e8f0;color:#64748b;font-weight:600}.det-h .chev{transition:transform .15s;color:#94a3b8;font-size:13px;flex:0 0 auto}.det-h .chev.up{transform:rotate(180deg)}.det-body{padding:4px 14px 14px;border-top:1px solid #eef2f7}.tdgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.df label{display:block;font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px}.df .dv{font-size:14px;font-weight:700;color:#1e293b;padding:7px 0}.df input,.df select{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-size:15px;outline:none;background:#fff;font-family:inherit}.df input:focus,.df select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.det-note{display:flex;align-items:center;gap:9px;padding:10px 14px;border-top:1px solid #eef2f7;background:#fbfcfe}.det-note i{color:#94a3b8;font-size:15px;flex:0 0 auto}.det-note .notein{flex:1;border:none;background:transparent;outline:none;font-size:13.5px;color:#334155;font-family:inherit;min-width:0}.det-note .notein::placeholder{color:#94a3b8}.det-h{background:#f6f9ff}.det-h:hover{background:#eef4ff}.det-h .dt i{color:#2563eb}.det-note{border-top:1px solid #fde68a;background:#fffbeb;gap:9px}.det-note i{color:#d97706;font-size:16px}.det-note .notelbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#b45309;flex:0 0 auto}.det-note .notein{font-size:14px;color:#3f3f46}.det-note .notein::placeholder{color:#d4a55f}.totals .l.big{background:#eff5ff;border:1px solid #dbe7ff;border-radius:9px;padding:8px 10px;margin:2px 0}.totals .l.big span{color:#1d4ed8}.totals .l:last-child span:last-child{color:#dc2626;font-weight:700}.txnhdr{margin:8px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.txnhdr-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f6f9ff;border-bottom:1px solid #eef2f7}.txnhdr-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:#1e293b}.txnhdr-title i{color:#2563eb;font-size:16px}.hdr-edit{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border:1px solid #2563eb;background:#fff;color:#2563eb;border-radius:7px;font-weight:600;font-size:12.5px;cursor:pointer}.hdr-edit:hover{background:#eff5ff}.txnhdr-tools{display:inline-flex;align-items:center;gap:8px}.hdr-col{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:7px;cursor:pointer}.hdr-col:hover{background:#f1f5f9;color:#0f172a}.txnhdr-mini{padding:8px 14px;font-size:12.5px;color:#475569;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.txnhdr-mini .dchip{padding:1px 8px;border-radius:999px;font-weight:700;font-size:11.5px}.sumctl .totcol{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:6px;cursor:pointer;margin-left:8px}.sumctl .totcol:hover{background:#f1f5f9;color:#0f172a}.txnhdr-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 14px;padding:12px 14px}.hf{display:flex;flex-direction:column;gap:2px;min-width:0}.hl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8}.hv{font-size:13.5px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txnhdr-note{display:flex;align-items:center;gap:9px;padding:11px 14px;border-top:1px solid #fde68a;background:#fffbeb;font-size:13.5px;color:#3f3f46}.txnhdr-note i{color:#d97706;font-size:15px;flex:0 0 auto}.txnhdr-note.empty{color:#b9a06a}.txnhdr-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.modal.modal-md{width:520px;max-width:95vw}.det-form{padding:16px}.det-actions{display:flex;justify-content:flex-end;margin-top:14px}.det-actions button{height:38px;padding:0 24px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer}.det-actions button:hover{background:#1d4ed8}.totals{flex-shrink:0;margin:8px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 16px}.totals .sumrow{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:5px 0;color:#64748b}.totals .sumrow span:last-child{color:#1e293b;font-weight:600}.totals .sumrow.disc span:first-child{display:inline-flex;align-items:center;gap:5px;color:#16a34a}.totals .sumrow.disc span:last-child{color:#16a34a;font-weight:700}.totals .sumtotal{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:12px;border-top:1px dashed #e2e8f0}.totals .sumtotal span:first-child{font-size:15px;font-weight:700;color:#1e293b}.totals .sumtotal span:last-child{font-size:26px;font-weight:800;color:#1d4ed8;letter-spacing:-.5px}.totals .sumrow.paid span:last-child{color:#16a34a;font-weight:700}.totals .sumbal{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 13px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.totals .sumbal span:first-child{font-size:12px;font-weight:800;color:#b91c1c;text-transform:uppercase;letter-spacing:.04em}.totals .sumbal span:last-child{font-size:19px;font-weight:800;color:#dc2626}.totals .sumbal.ok{background:#f0fdf4;border-color:#bbf7d0}.totals .sumbal.ok span{color:#16a34a!important}.rtop-row{display:flex;gap:8px;align-items:center}.rtop-row .srch{flex:1;min-width:0}.rtop-row .vendorsel{width:210px;flex:0 0 auto}@media (max-width:760px){.rtop-row{flex-direction:column;align-items:stretch}.rtop-row .vendorsel{width:100%}}.payhead .x{width:40px;height:40px;border-radius:9px;background:#f1f5f9;color:#5b6378;font-size:24px;border:none;cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:10px 12px 0 0}.payhead .x:hover{background:#e2e8f0;color:#1e293b}.det-cust{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;margin-bottom:14px}.det-cust .dc-info{display:flex;align-items:center;gap:10px;min-width:0}.det-cust .dc-av{width:38px;height:38px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:0 0 auto}.det-cust .dc-meta{min-width:0}.det-cust .dc-nm{font-size:14.5px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.det-cust .dc-sub{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.det-cust .dc-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #2563eb;background:#fff;color:#2563eb;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer}.det-cust .dc-btn:hover{background:#eff5ff}.dactions .btn-primary{background:#2563eb;color:#fff;border:none;height:42px;padding:0 22px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:0 3px 8px #2563eb52}.dactions .btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb6b}.dactions .btn-primary i{font-size:16px}.dactions .btn-ghost,.dactions .btn-line{height:42px}.prod .prod-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.prod .ps{font-size:12px;font-weight:700;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.prod .badge{flex:0 0 auto}.prod .pn{font-weight:600;font-size:14.5px;line-height:1.25}.prod .pp{margin-top:auto;display:flex;align-items:baseline;gap:2px;white-space:nowrap}.prod .pp .pr{font-weight:800;color:var(--pri);font-size:18px}.prod .pp .un{font-size:12px;color:var(--mut);font-weight:600}.sumctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:8px;border-bottom:1px dashed #e2e8f0;font-size:12.5px}.sumctl .taxchk{display:inline-flex;align-items:center;gap:6px;color:#475569;font-weight:600;cursor:pointer}.sumctl .lnkbtn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:#2563eb;font-weight:700;cursor:pointer;font-size:12.5px}.sumctl .odbox{display:inline-flex;align-items:center;gap:5px;color:#475569;font-weight:600;margin-left:auto}.sumctl .odin{width:64px;height:28px;border:1px solid #cbd5e1;border-radius:6px;padding:0 8px;text-align:right;font-size:13px}.sumrow.chg span:first-child{color:#334155;display:inline-flex;align-items:center;gap:5px}.sumrow.chg .xmini{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;padding:0 2px}.scinfo{display:flex;align-items:center;gap:7px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:8px}.scinfo.empty{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.scinfo b{font-weight:800}.scmax{margin-left:auto;background:#16a34a;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.pubframe{position:fixed;inset:0;width:100vw;height:100vh;border:0;background:#f1f5f9}.pubwrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f1f5f9;font:15px/1.5 system-ui,Segoe UI,sans-serif;color:#475569}.pubmsg{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 26px;box-shadow:0 10px 30px #0f172a14}.pubmsg i{font-size:20px;color:#ef4444}.em-modal{max-width:620px;width:94vw}.em-loading{padding:48px;text-align:center;color:#64748b;font-size:14px}.em-body{padding:18px 22px 14px;flex:1 1 auto;overflow-y:auto;min-height:0}.em-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.em-row label{font-size:11.5px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em}.em-in{height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:0 13px;font-size:14.5px;color:#0f172a;transition:border-color .15s,box-shadow .15s}.em-in:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.em-msg{min-height:150px;border:1px solid #cbd5e1;border-radius:9px;padding:12px 14px;font-size:14px;line-height:1.55;color:#0f172a;background:#fff}.em-msg:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.em-msg p{margin:0 0 8px}.em-hint{display:flex;gap:8px;align-items:flex-start;margin-top:4px;font-size:12.5px;line-height:1.5;color:#64748b;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;padding:10px 12px}.em-hint i{color:#2563eb;margin-top:1px;flex-shrink:0}.em-acts{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;flex:0 0 auto;border-top:1px solid var(--line);background:#fff}.em-cancel{height:40px;padding:0 18px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.em-cancel:hover{background:#f1f5f9}.em-send{height:40px;padding:0 20px;border:0;background:#2563eb;color:#fff;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s}.em-send:hover{background:#1d4ed8}.em-send:disabled,.em-cancel:disabled{opacity:.6;cursor:default}.spin{display:inline-block;animation:emspin 1s linear infinite}@keyframes emspin{to{transform:rotate(360deg)}}.emaster-page{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.emaster-head{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff;flex:0 0 auto}.emaster-head h1{font-size:18px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:9px}.emaster-head h1 i{color:#2563eb}.emaster-back{height:36px;padding:0 14px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s,border-color .15s}.emaster-back:hover{background:#f1f5f9;border-color:#94a3b8}.emaster-wrap{position:relative;flex:1 1 auto;min-height:0;background:#f1f5f9}.emaster-native{overflow:auto}.emaster-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.emaster-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#64748b;font-size:14px;padding:48px}.emaster-loading i{font-size:20px;color:#2563eb}.dlv-modal{width:560px;max-width:95vw}.dlv-body{padding:18px 22px 8px;flex:1 1 auto;overflow-y:auto;min-height:0}.dlv-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.dlv-sec{border-top:1px solid var(--line);padding-top:14px}.dlv-sec-h{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}.dlv-clear{font-size:12px;color:#2563eb;background:none;border:0;cursor:pointer;text-transform:none;letter-spacing:0;font-weight:600}.dlv-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dlv-addr{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer;transition:border-color .15s,background .15s}.dlv-addr:hover{border-color:#cbd5e1;background:#fbfcfe}.dlv-addr.on{border-color:#2563eb;background:#eff5ff}.dlv-addr>i{font-size:16px;color:#2563eb;margin-top:1px;flex-shrink:0}.dlv-txt{flex:1;font-size:13.5px;line-height:1.45;color:#0f172a;white-space:pre-wrap}.dlv-pick{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:999px;background:#e2e8f0;color:#475569}.dlv-addr.on .dlv-pick{background:#2563eb;color:#fff}.dlv-del{background:none;border:0;color:#94a3b8;cursor:pointer;font-size:14px;flex-shrink:0}.dlv-del:hover{color:#ef4444}.dlv-empty{font-size:13px;color:#94a3b8;padding:6px 2px}.dlv-note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#64748b;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;padding:10px 12px;margin-bottom:12px}.dlv-note i{color:#2563eb;margin-top:1px;flex-shrink:0}.dlv-add{display:flex;gap:8px;align-items:flex-start}.dlv-ta{flex:1;height:auto;padding:9px 12px;resize:vertical;font-family:inherit;line-height:1.4}.dlv-addbtn{height:40px;padding:0 16px;border:1px solid #2563eb;background:#fff;color:#2563eb;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dlv-addbtn:hover{background:#eff5ff}.dlv-delivered{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:13px;color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:9px;padding:10px 12px}.dlv-acts{flex-wrap:wrap}.txnhead.pohead,.txnrow.porow{grid-template-columns:1fr 1.8fr 1fr 1fr 1.1fr .6fr 1fr 84px}.txnrow.porow{cursor:pointer}.poedit{display:flex;flex-direction:column;height:100%;padding:18px 22px;gap:14px;overflow:hidden}.poe-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.poe-top h2{margin:0;font-size:20px;color:#1e293b;flex:1;min-width:140px}.poe-back{height:36px;padding:0 12px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#475569;display:inline-flex;align-items:center;gap:6px}.poe-back:hover{background:#f1f5f9}.poe-total{font-size:14px;color:#475569}.poe-total b{color:#1e293b;font-size:17px;margin-left:4px}.poe-hdr{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.poe-f{display:flex;flex-direction:column;gap:5px;min-width:0}.poe-f.grow{grid-column:span 2}.poe-f label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.poe-f input{height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-size:14px}.poe-f input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.poe-add{position:relative}.poe-add .srch{display:flex;align-items:center;gap:8px;height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;background:#fff;max-width:480px}.poe-add .srch input{border:0;outline:none;flex:1;font-size:14px;background:transparent}.poe-results{position:absolute;z-index:30;top:46px;left:0;width:480px;max-width:100%;max-height:320px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 14px 34px #0f172a2e}.poe-rrow{display:flex;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9}.poe-rrow:hover{background:#eff5ff}.poe-rrow .rsku{font-size:12px;color:#94a3b8;width:90px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poe-rrow .rnm{flex:1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poe-rrow .rpr{font-weight:600;flex-shrink:0}.poe-rrow .rqty{font-size:11.5px;color:#64748b;flex-shrink:0;white-space:nowrap}.poe-lines{flex:1;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.poe-lh,.poe-lr{display:grid;grid-template-columns:1fr 1.7fr .75fr .9fr 1.05fr 1fr 1fr 1.1fr 1fr 46px;gap:10px;align-items:center;padding:8px 14px;font-size:13px}.poe-lr .lunits{font-weight:600;color:#0f172a;white-space:nowrap}.poe-lr .lunitsfx{color:#94a3b8;font-weight:500;font-size:11px}.poe-lh{background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;font-weight:700;position:sticky;top:0}.poe-lh .r,.poe-lr .r{text-align:right}.poe-lh .c,.poe-lr .c{text-align:center}.poe-lr{border-bottom:1px solid #f1f5f9}.poe-lr .lsku{font-size:12px;color:#64748b}.poe-lr .lnm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.poe-lr .lnum{width:100%;height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:0 8px;text-align:right;font-size:13px}.poe-lr .leta{width:100%;height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:0 6px;font-size:12px}.poe-lr .ico{width:28px;height:28px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#64748b;cursor:pointer}.poe-lr .ico:hover{border-color:#ef4444;color:#ef4444}.po-locked .poe-hdr,.po-locked .poe-add,.po-locked .poe-lines{pointer-events:none;opacity:.6}.po-lockbar{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;background:#fff7ed;border:1px solid #fed7aa;color:#b45309;border-radius:8px;font-size:13px;font-weight:600}.poe-top .po-del{color:#ef4444;border-color:#fecaca}.poe-top .po-del:hover{background:#fef2f2;border-color:#ef4444}.pogen-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:12px;max-height:72vh}.pogen-body .srch{display:flex;align-items:center;gap:8px;height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;background:#fff}.pogen-body .srch input{border:0;outline:none;flex:1;font-size:14px;background:transparent}.pogen-list{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px;min-height:220px}.pogen-row{display:grid;grid-template-columns:1fr 1.6fr 1fr .9fr 1.1fr;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:13.5px}.pogen-row:hover{background:#eff5ff}.pogen-row .pg-inv{font-weight:700;color:#2563eb}.pogen-row .pg-cust{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pogen-row .pg-amt{text-align:right;font-weight:600}.pogen-row .pg-go{text-align:right;color:#2563eb;font-weight:600;font-size:12.5px;white-space:nowrap}.calwrap{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;padding:14px 18px;gap:12px;overflow:hidden}.caltop{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.calnav{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.caldp{width:168px;margin-left:6px}.calnav h2{margin:0 0 0 8px;font-size:19px;color:#1e293b}.calbtn{height:36px;padding:0 14px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#475569;display:inline-flex;align-items:center}.calbtn.ic{width:36px;padding:0;justify-content:center}.calbtn:hover{background:#f1f5f9}.calviews{display:flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.calviews button{height:36px;padding:0 16px;border:0;background:#fff;cursor:pointer;font-weight:600;color:#475569;font-size:13.5px;border-left:1px solid #e2e8f0}.calviews button:first-child{border-left:0}.calviews button.on{background:#2563eb;color:#fff}.caltop .new{height:36px;padding:0 16px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.calmonth{flex:1;display:flex;flex-direction:column;min-height:0;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.caldow{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e5e7eb}.caldow div{padding:8px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8}.calgrid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;min-height:0}.calcell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:4px 5px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-height:0}.calcell:hover{background:#fafbff}.calcell.out{background:#fafafa;color:#cbd5e1}.calcell.out .cdn{color:#cbd5e1}.calcell.today .cdn{background:#2563eb;color:#fff}.cd{display:flex;justify-content:flex-end}.cdn{font-size:12.5px;font-weight:600;color:#475569;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.cevs{display:flex;flex-direction:column;gap:2px;overflow:hidden}.cev{font-size:11px;padding:2px 6px;border-radius:5px;border-left:3px solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cev b{font-weight:700}.cmore{font-size:10.5px;color:#64748b;padding:0 4px;cursor:pointer;font-weight:600}.calweek,.calday{flex:1;display:flex;flex-direction:column;min-height:0;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.cwhead{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e5e7eb;background:#f8fafc}.cwhd{padding:8px 4px;text-align:center;border-left:1px solid #f1f5f9;cursor:pointer}.cwhd:hover,.cwhd.today{background:#eff5ff}.cwdow{font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8}.cwday{font-size:15px;font-weight:700;color:#1e293b;margin-left:4px}.cwbody{flex:1;overflow-y:auto;display:grid;grid-template-columns:60px repeat(7,1fr);position:relative}.calday .cwbody{grid-template-columns:60px 1fr}.cwhour{height:48px;border-bottom:1px solid #f1f5f9;position:relative}.cwhour span{position:absolute;top:-7px;right:6px;font-size:10.5px;color:#94a3b8}.cwcol{border-left:1px solid #f1f5f9;position:relative;cursor:pointer}.cwslot{height:48px;border-bottom:1px solid #f6f8fb}.cwev{position:absolute;left:3px;right:3px;border-radius:6px;color:#fff;padding:3px 6px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0000002e}.cwet{font-size:10.5px;font-weight:700;opacity:.95}.cwen{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwem{font-size:10.5px;opacity:.9;margin-top:1px}.appt-modal{width:520px;max-width:95vw}.appt-body{padding:16px 20px 6px}.appt-cust{position:relative}.appt-cl{position:absolute;z-index:20;top:64px;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 12px 30px #0f172a29;max-height:220px;overflow-y:auto}.appt-cr{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;font-size:13.5px}.appt-cr:hover{background:#eff5ff}.appt-cr .acm{color:#94a3b8;font-size:12px}.dcwrap{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;padding:16px 22px;gap:16px;overflow-y:auto}.dctop{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dctop h2{margin:0;font-size:20px;color:#1e293b;flex:1;min-width:160px}.dctop .new{height:38px;padding:0 18px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.dc-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#0f766e;border:1px solid #a7f3d0;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.dcgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}@media (max-width:900px){.dcgrid{grid-template-columns:1fr}}.dccard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.dch{font-size:14px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.dch i{color:#2563eb}.dcrow{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#475569}.dcrow b{color:#1e293b;font-size:15px}.dcrow.exp{border-top:1px dashed #e2e8f0;margin-top:6px;padding-top:12px}.dcrow.exp b{font-size:17px}.dcrow.over{margin-top:8px;border-radius:9px;padding:10px 12px;font-weight:700}.dcrow.over.good{background:#ecfdf5;color:#0f766e}.dcrow.over.good b{color:#0f766e}.dcrow.over.bad{background:#fef2f2;color:#b91c1c}.dcrow.over.bad b{color:#b91c1c}.dc-count{width:140px;height:36px;text-align:right}.dc-cashio{background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;padding:8px 10px;margin:6px 0}.dc-ci{display:flex;justify-content:space-between;font-size:12.5px;color:#64748b;padding:3px 0}.dc-ci .neg{color:#b91c1c}.dc-add{display:flex;gap:6px;margin-top:6px}.dc-add .em-in{flex:1;height:34px}.dc-in,.dc-out{height:34px;padding:0 12px;border-radius:7px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-weight:700;font-size:13px}.dc-in{color:#0f766e;border-color:#a7f3d0}.dc-in:hover{background:#ecfdf5}.dc-out{color:#b91c1c;border-color:#fecaca}.dc-out:hover{background:#fef2f2}.dc-mhead,.dc-mrow{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:7px 0;font-size:13.5px}.dc-mhead{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;font-weight:700;border-bottom:1px solid #f1f5f9}.dc-mhead .r,.dc-mrow .r{text-align:right}.dc-mrow{border-bottom:1px solid #f6f8fb;color:#475569}.dc-mrow .dc-mc{width:100%;height:32px;text-align:right}.dc-mrow .neg{color:#b91c1c;font-weight:700}.dc-mrow .pos{color:#0f766e;font-weight:700}.dc-mrow.tot{font-weight:800;color:#1e293b;border-top:2px solid #e2e8f0;border-bottom:0;margin-top:4px;padding-top:10px}.dctable{max-width:760px;padding:6px 0}.dctr{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;align-items:center;padding:9px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}.dctr .r{text-align:right}.dctr.dchead{background:#f8fafc;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;font-weight:700;border-bottom:1px solid #e5e7eb}.dctr.sub{color:#64748b;font-style:italic}.dctr.tot{font-weight:800;color:#1e293b;font-size:15px;border-top:2px solid #e2e8f0;border-bottom:0}.dctr.diff{font-weight:800}.dctr.diff.high span:last-child{color:#0f766e}.dctr.diff.low span:last-child{color:#b91c1c}.dctr.cashleft{border-top:1px dashed #e2e8f0;padding-top:12px;padding-bottom:14px;font-weight:600;color:#1e293b}.dctr .dc-mc{width:130px;height:34px;text-align:right;display:inline-block}.dc-cashbox{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;max-width:760px}.dc-cashrow{display:flex;gap:8px}.dc-cashrow .em-in{width:200px;height:38px}.dc-cashlist{margin-top:10px;border-top:1px solid #f1f5f9;padding-top:8px}.txnhead.ldhead,.txnrow.ldrow{grid-template-columns:.9fr 1fr 1.3fr 1fr 1.8fr .9fr .5fr .8fr .6fr .9fr}.txnrow.ldrow{cursor:pointer}.txnrow.ldrow .ld-prod{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.ld-dt{display:flex;align-items:center;gap:6px}.ld-dt .ld-lab{font-size:12px;color:#64748b;font-weight:600}.ld-dt pos-date{width:140px;display:inline-block}.ld-foot{padding:10px 14px;border-top:1px solid #e5e7eb;font-size:13px;color:#64748b;text-align:right;background:#f8fafc}.ld-foot b{color:#1e293b;font-size:14px}.prod .pstock{margin-top:4px;font-size:11px;font-weight:600;color:#0f766e;display:flex;align-items:center;gap:4px}.prod .pstock.low{color:#b91c1c}.prod .pstock i{font-size:11px}.pallet-tag{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.04em;background:#f59e0b;color:#fff;padding:1px 6px;border-radius:999px;vertical-align:middle}@media (max-width:1024px){.topbar{flex-wrap:wrap;row-gap:8px}.data-table-wrap,.po-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}.drawer-btn{display:none;background:none;border:0;cursor:pointer;color:inherit;font-size:20px;padding:6px 10px;align-items:center}@media (max-width:1024px){.toggle-btn{display:none}.drawer-btn{display:inline-flex}.sidebar{position:fixed!important;left:0;top:0;height:100vh;width:240px!important;min-width:240px!important;z-index:1001;transform:translate(-100%);box-shadow:2px 0 24px #0f172a47}.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:1000}.collapsed .brand-name,.collapsed .nav-label,.collapsed .nav-group-name,.collapsed .sb-foot span{display:revert!important}}@media (max-width:1024px){.chip{min-height:40px}.del,.pl-x,.hdr-col,.totcol{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}.seg button,.ia-seg button,.ia-types button,.lnkbtn{min-height:40px}}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}::-webkit-scrollbar-thumb:active{background:#64748b;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.sidebar,.sb-nav{scrollbar-color:rgba(255,255,255,.22) transparent}.sidebar ::-webkit-scrollbar-thumb,.sb-nav::-webkit-scrollbar-thumb{background:#fff3;border:3px solid transparent;background-clip:content-box}.sidebar ::-webkit-scrollbar-thumb:hover,.sb-nav::-webkit-scrollbar-thumb:hover{background:#ffffff57;background-clip:content-box}.amtbox .valin{border:0;background:transparent;outline:none;font:inherit;color:inherit;text-align:right;width:8ch;min-width:0}.qf .v .qtyin{border:0;background:transparent;outline:none;font:inherit;color:inherit;text-align:center;width:100%;padding:0}.lang-btn{width:auto!important;min-width:38px;padding:0 10px;font-weight:700;font-size:13px;letter-spacing:.5px}.lfgt{display:inline-block;margin-top:14px;color:#2563eb;cursor:pointer;font-size:14px;text-decoration:none}.lfgt:hover{text-decoration:underline}