*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}a{color:inherit;text-decoration:none}:root{--navy:#0b1f3a;--ink:#0f172a;--blue:#2563eb;--brand:#2563eb;--blue-d:#1d4ed8;--green:#16a34a;--green-bg:#e7f6ee;--bg:#e4e9f1;--card:#fff;--line:#dde3ec;--muted:#5c6a7d;--muted2:#6b7280;--amber:#d97706;--amber-bg:#fdf3e6;--red:#dc2626;--red-bg:#fdeaea;--radius:16px;--shadow:0 1px 2px rgba(15,23,42,.07),0 6px 20px rgba(15,23,42,.07)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:#b8c2d1 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b8c2d1;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#94a1b4;background-clip:padding-box}html[data-theme=dark] *{scrollbar-color:#33415e transparent}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#33415e;background-clip:padding-box}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#46577a;background-clip:padding-box}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}.hidden{display:none!important}.authwrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#0b1f3a,#081627)}.authcard{background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);width:100%;max-width:440px;padding:34px}.authcard .logo{width:52px;height:52px;border-radius:14px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;font-size:17px;margin-bottom:18px}.authcard h1{font-size:23px;font-weight:800;letter-spacing:-.5px}.authcard .sub{color:var(--muted);margin:6px 0 20px}.authcard label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.authcard input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px;margin:8px 0 14px;outline:none}.authcard input:focus{border-color:var(--blue)}.authcard .btn{width:100%;justify-content:center}.divider{display:flex;align-items:center;gap:12px;font-size:12px;margin:20px 0;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#64748b}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.demo-cards{display:flex;flex-direction:column;gap:9px}.demo-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;text-align:left}.demo-card:hover{background:var(--bg)}.demo-card .dc-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:13px}.demo-card .dc-t{font-weight:700;font-size:13.5px}.demo-card .dc-s{font-size:12px;color:var(--muted)}.err{background:var(--red-bg);color:#b91c1c;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:12px}.sidebar{background:linear-gradient(180deg,var(--navy),#081627);color:#cdd8ea;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:20px 20px 16px}.brand .logo{width:40px;height:40px;border-radius:11px;background:#fff;color:var(--navy);display:grid;place-items:center}.brand .bt,.brand .logo{font-weight:800;font-size:15px}.brand .bt{color:#fff;line-height:1.1}.brand .bs{font-size:11px;color:#7f93b4;font-weight:600}.navgroup{padding:6px 12px}.navgroup .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:#647aa1;font-weight:700;padding:12px 10px 6px}.navitem{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:#c2d0e6;font-weight:600;font-size:13.5px;width:100%;text-align:left;border-left:3px solid transparent}.navitem:hover{background:hsla(0,0%,100%,.06);color:#fff}.navitem.active{background:var(--blue);color:#fff;border-left-color:#fff;font-weight:800;box-shadow:0 3px 10px rgba(37,99,235,.45)}.navitem.active .ic{transform:scale(1.05)}.navitem .ic{width:18px;text-align:center;font-size:15px}.navitem .badge{margin-left:auto;background:var(--blue);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px}.navitem .badge.amber{background:var(--amber)}.navitem .badge.green{background:var(--green)}.navitem .badge.red{background:var(--red)}.sidefoot{margin-top:auto;padding:14px 16px;border-top:1px solid hsla(0,0%,100%,.07);font-size:11.5px;color:#6f84a8}.sidefoot button{color:#9db6de;font-weight:700;font-size:12px;margin-top:6px}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);gap:16px;padding:12px 26px}.search,.topbar{display:flex;align-items:center}.search{flex:1 1;max-width:420px;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:9px 13px;color:var(--muted)}.search input{border:none;background:none;outline:none;font-size:13.5px;width:100%;color:var(--ink)}.roleseg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.roleseg button{padding:6px 10px;border-radius:8px;font-weight:700;font-size:12px;color:var(--muted)}.roleseg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,23,42,.12)}.previewpill{background:var(--amber-bg);color:#b45309;font-weight:700;font-size:11.5px;padding:5px 11px;border-radius:20px}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-weight:700;display:grid;place-items:center;font-size:13px}.content{padding:26px 30px 70px;max-width:1320px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:800;letter-spacing:-.5px}.page-head .sub{color:var(--muted);font-size:13.5px;margin-top:3px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.btn{background:var(--blue);color:#fff;font-weight:700;padding:10px 16px;border-radius:11px;font-size:13px;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--blue-d)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--bg)}.btn.sm{padding:7px 12px;font-size:12.5px;border-radius:9px}.btn.green{background:var(--green)}.btn.amber{background:var(--amber)}.btn.dark{background:var(--navy)}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:18px}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi .k-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi .k-val{font-size:27px;font-weight:800;letter-spacing:-1px;margin-top:7px}.kpi .k-sub{font-size:12px;color:var(--muted);margin-top:3px}.kpi .k-val.green{color:var(--green)}.kpi .k-val.amber{color:var(--amber)}.kpi .k-val.red{color:var(--red)}.two{grid-template-columns:1.6fr 1fr}.dash-two{grid-template-columns:2.5fr 1fr}@media(max-width:1240px){.dash-two{grid-template-columns:1fr}}.sec-title{font-weight:800;font-size:16px;margin-bottom:2px}.sec-sub{color:var(--muted);font-size:12.5px;margin-bottom:14px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:11px 14px}td,th{border-bottom:1px solid var(--line)}td{padding:12px 14px;font-size:13.5px}tr:last-child td{border-bottom:none}tbody tr.click:hover{background:#f8fafc;cursor:pointer}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td{overflow:hidden;text-overflow:ellipsis}tr.ogrp td{padding:8px 14px;border-bottom:1px solid var(--line)}tr.ogrp td,tr.ogrp:hover td{background:#f2f5f9}.ogrp-lbl{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.colhit{fill:transparent;cursor:pointer;transition:fill .1s}.colhit:hover{fill:rgba(37,99,235,.09)}svg .cbar{transition:opacity .1s}.pickcard{margin-bottom:14px}.pkhead{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.pkprog{height:9px;background:#eef2f7;border-radius:6px;overflow:hidden;margin:12px 0 2px}.pkprog>div{height:100%;background:#16a34a;border-radius:6px;transition:width .25s}.pkbadge{background:var(--amber-bg);color:#b45309;border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:800;white-space:nowrap}.pkbadge.done{background:#dcfce7;color:#15803d}.pkitem{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.pkimg{width:62px;height:62px;border-radius:12px;background:#f1f5f9;flex:none;display:grid;place-items:center;font-size:27px;overflow:hidden}.pkimg img{width:100%;height:100%;object-fit:cover}.pkname{font-weight:700;font-size:15px;color:#2563eb;line-height:1.25}.pkitem.picked .pkname{color:#64748b;text-decoration:line-through}.pkitem.picked .pkimg{opacity:.55}.pksku{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;padding:1px 7px;margin-top:5px;color:#475569}.pkdesc{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}.pkqty{background:#dbeafe;color:#1e40af;border-radius:20px;padding:6px 13px;font-weight:800;font-size:15px;flex:none;white-space:nowrap}.pkchk{width:48px;height:48px;border-radius:13px;border:2px solid #cbd5e1;background:#fff;cursor:pointer;flex:none;display:grid;place-items:center;font-size:23px;color:#fff;transition:all .12s;-webkit-tap-highlight-color:transparent}.pkchk.on{background:#16a34a;border-color:#16a34a}.pkchk:active{transform:scale(.92)}:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}.btn:focus-visible,.chip:focus-visible,.navitem:focus-visible,.pkchk:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.conv:focus-visible,.lrow:focus-visible,tr.click:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%}.p-new{background:#eef2ff;color:#4338ca}.p-new:before{background:#6366f1}.p-confirmed{background:#e7f1ff;color:#1d4ed8}.p-confirmed:before{background:#2563eb}.p-picking{background:var(--amber-bg);color:#b45309}.p-picking:before{background:var(--amber)}.p-picked{background:#eef7 f4;background:#e6f7f4;color:#0f766e}.p-picked:before{background:#0d9488}.p-out{background:#e6f1ff;color:#1e40af}.p-out:before{background:#3b82f6}.p-delivered{background:var(--green-bg);color:#15803d}.p-delivered:before{background:var(--green)}.p-invoiced{background:#f1f5f9;color:#475569}.p-invoiced:before{background:#64748b}.p-cancelled{background:var(--red-bg);color:#b91c1c}.p-cancelled:before{background:var(--red)}.p-over{background:var(--red-bg);color:#b91c1c}.p-over:before{background:var(--red)}.flag{background:var(--red-bg);color:#b91c1c;font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px;display:inline-flex;gap:4px;align-items:center}.avatar-sm{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.chip{padding:8px 14px;border-radius:20px;font-weight:700;font-size:12.5px;background:#fff;border:1px solid var(--line);color:var(--muted)}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.pcard.incart{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.15),var(--shadow)}.pcard .img{height:150px;display:grid;place-items:center;font-size:46px;position:relative;background:#f4f7fb;overflow:hidden}.pcard .img img{width:100%;height:100%;object-fit:contain;padding:8px}.pcard .incartbadge{position:absolute;top:10px;right:10px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;z-index:2}.pcard .pb{padding:13px 14px;display:flex;flex-direction:column;gap:7px;flex:1 1}.pcard .pn{font-weight:700;font-size:13.5px;line-height:1.3}.pcard .pbrand{font-size:11.5px;font-weight:600;color:var(--blue);margin-top:1px}.pcard .pk{font-size:11.5px;color:var(--muted)}.sizes{display:flex;gap:5px;flex-wrap:wrap}.sz{border:1px solid var(--line);border-radius:7px;padding:3px 9px;font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer}.sz.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pcard .prow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}.price{font-size:17px;font-weight:800;color:var(--green)}.addbtn{width:38px;height:38px;border-radius:11px;background:var(--blue);color:#fff;font-size:20px;font-weight:700;display:grid;place-items:center}.addbtn:hover{background:var(--blue-d)}.stepper{display:flex;align-items:center;gap:0;border:1px solid var(--blue);border-radius:11px;overflow:hidden}.stepper button{width:34px;height:36px;background:#eef4ff;color:var(--blue);font-size:17px;font-weight:800}.stepper button:hover{background:#dbe7ff}.stepper .q{min-width:30px;text-align:center;font-weight:800;color:var(--ink)}.lrow{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.lrow:last-child{border-bottom:none}.thumb{width:48px;height:48px;border-radius:10px;background:#f4f7fb;display:grid;place-items:center;font-size:22px;flex-shrink:0;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty .em-ic{font-size:42px;margin-bottom:14px}.empty h3{font-size:18px;color:var(--ink);margin-bottom:7px}.empty p{max-width:440px;margin:0 auto;line-height:1.5}.callout{display:flex;gap:12px;background:#fff;border:1px dashed var(--blue);border-radius:14px;padding:14px 16px;margin-bottom:20px;align-items:flex-start}.callout .ci{font-size:20px}.callout b{color:var(--blue)}.tag{display:inline-block;background:#eef2ff;color:#4338ca;font-weight:700;font-size:11.5px;padding:5px 11px;border-radius:20px}.msgwrap{display:grid;grid-template-columns:300px 1fr;grid-gap:16px;gap:16px;height:calc(100vh - 230px);min-height:460px}.convlist{overflow-y:auto}.conv{display:flex;gap:11px;align-items:center;padding:13px;border-bottom:1px solid var(--line);cursor:pointer;width:100%;text-align:left}.conv:hover{background:#f8fafc}.conv.on{background:#eef4ff}.conv .cn{font-weight:700;font-size:13.5px}.conv .cp{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.thread{display:flex;flex-direction:column;overflow:hidden}.th-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.th-body{flex:1 1;overflow-y:auto;padding:18px;background:#f7f9fc}.th-foot{padding:13px 16px;border-top:1px solid var(--line)}.chat{display:flex;flex-direction:column;gap:12px}.bub{max-width:78%;padding:11px 14px;border-radius:15px;font-size:13.5px;line-height:1.45}.bub.them{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:5px}.bub.us{background:var(--blue);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.bub.sys{background:var(--amber-bg);color:#8a5a12;align-self:center;font-size:12.5px;border-radius:10px}.bub .bt{display:block;font-size:10.5px;opacity:.7;margin-top:5px}.chatbar{display:flex;gap:10px}.chatbar input{flex:1 1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13.5px;outline:none}.priceinput{width:90px;border:1px solid var(--line);border-radius:8px;padding:6px 9px;text-align:right;font-weight:700}.priceinput.changed{border-color:var(--amber);background:var(--amber-bg)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;font-size:13.5px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transition:.25s;z-index:80;display:flex;gap:9px;align-items:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.spin{display:inline-block;width:15px;height:15px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}.loading{display:grid;place-items:center;padding:80px;color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:34px 20px;overflow-y:auto}.modal{background:#fff;border-radius:16px;max-width:720px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.35);max-height:calc(100vh - 68px);overflow-y:auto}.modal.wide{max-width:820px}.m-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--card);z-index:6}.m-head b{font-size:15px}.x{width:34px;height:34px;border-radius:9px;background:var(--bg);font-size:16px;color:var(--muted)}.m-body{padding:20px}.m-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;position:-webkit-sticky;position:sticky;bottom:0;background:var(--card);z-index:6}.kv{display:grid;grid-template-columns:120px 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:13px;margin-bottom:16px}.kv .k{color:var(--muted);font-weight:600}.checkline{display:flex;gap:11px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:11px;margin-bottom:9px;cursor:pointer}.checkline:hover{background:var(--bg)}.checkline.on{border-color:var(--red);background:var(--red-bg)}.checkline input{width:18px;height:18px}.inv{padding:30px 34px;color:#1f2937}.inv .ihead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.inv .co-logo{width:52px;height:52px;border-radius:12px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;font-size:17px;margin-bottom:9px}.inv .co b{font-size:15px}.inv .co span{display:block;font-size:12px;color:var(--muted);line-height:1.6}.inv .ititle{text-align:right}.inv .ititle h2{font-size:28px;letter-spacing:2px;font-weight:800}.inv .ititle .imeta{margin-top:9px;font-size:12.5px;color:#374151;line-height:1.8}.inv .ititle .imeta b{color:#111827}.inv .billto{margin-bottom:18px;font-size:13px;line-height:1.7}.inv .billto .lb{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:3px}.inv thead th{background:var(--navy);color:#fff;padding:9px 12px;font-size:11px;border:none}.inv td.amt,.inv thead th.amt{text-align:right}.inv td.ctr,.inv thead th.ctr{text-align:center}.inv tbody td{padding:10px 12px;font-size:12.5px;border-bottom:1px solid #eef2f7}.inv .totals{margin-left:auto;width:280px;margin-top:14px;font-size:13px}.inv .totals .tr{display:flex;justify-content:space-between;padding:6px 12px}.inv .totals .tr.grand{background:var(--navy);color:#fff;border-radius:10px;font-weight:800;font-size:15px;padding:11px 12px;margin-top:6px}.inv .ifoot{margin-top:22px;padding-top:14px;border-top:1px solid #eef2f7;font-size:12px;color:var(--muted);line-height:1.6}.ph{background:#fff7e6;color:#b45309;border:1px dashed #f0c986;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700}.inv .imetarow{display:flex;justify-content:space-between;gap:26px;align-items:flex-start;margin-bottom:14px}.inv .metatbl{border-collapse:collapse;font-size:11.5px}.inv .metatbl td{border:1px solid #d7dee8;padding:6px 13px;text-align:center;white-space:nowrap}.inv .metatbl td.h{background:#f2f5f9;color:#64748b;font-weight:700;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em}.inv .metatbl td b{color:#111827}.inv .paybanner{background:#eef4fb;border:1px solid #d7e3f2;border-radius:8px;padding:9px 14px;font-size:11.5px;color:#0b1f3a;margin-bottom:14px;line-height:1.55}.inv .totals .tr.tot{font-weight:800;color:#111827;border-top:1px solid #e5eaf1;margin-top:4px}.inv.qb .co-logo{background:#2f6fce}.inv .co-logoimg{width:118px;height:auto;display:block;margin-bottom:8px}.inv .qbmeta{margin-left:auto;border-collapse:collapse;font-size:12.5px}.inv .qbmeta .ql{font-weight:800;text-align:right;padding:2px 8px 2px 20px;white-space:nowrap;color:#111827}.inv .qbmeta .qv{text-align:left;padding:2px 0;color:#374151}.inv.qb .ititle h2{color:#2f6fce;letter-spacing:1px;font-weight:800}.inv.qb thead th{background:#eaf1fb;color:#2f6fce;font-weight:700;border-bottom:1px solid #cfe0f5}.inv.qb tbody td{border-bottom:1px solid #eef2f7}.inv.qb .totals .tr.grand{background:transparent;color:#111827;font-weight:800;font-size:20px;border-radius:0;border-top:2px solid #cfe0f5;margin-top:2px;padding:11px 12px}.inv.qb .metatbl td.h{color:#2f6fce;background:#eaf1fb}.inv.qb .paybanner{background:#eaf1fb;border-color:#cfe0f5;color:#1e3a8a}.stmt-aging{width:100%;border-collapse:collapse;margin-top:24px;font-size:11.5px}.stmt-aging th{background:#eaf1fb;color:#2f6fce;font-weight:700;padding:8px 10px;text-align:right;border:1px solid #cfe0f5;line-height:1.35}.stmt-aging th:first-child{text-align:left}.stmt-aging td{padding:9px 10px;text-align:right;border:1px solid #eef2f7}.stmt-aging td:first-child{text-align:left}.inv-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.inv-tile{background:#fff;border:1px solid var(--line);border-left:4px solid #94a3b8;border-radius:12px;padding:15px 17px}.inv-tile.ok{border-left-color:var(--green)}.inv-tile .it-lb{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.inv-tile .it-val{font-size:23px;font-weight:800;color:#111827;margin-top:4px}.inv-tile .it-sub{font-size:12px;color:var(--muted);margin-top:2px}.qbtbl thead th{background:#f2f5f9;color:#64748b;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}.qbtbl tbody td{padding:12px;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:middle}.qbadge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.qbadge.paid{background:#e7f6ec;color:#137a3a}.qbadge.due{background:#fff4e5;color:#b45309}.sv{color:#1f2937;font-size:12.5px;padding:6px 4px}.sv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.sv-co{font-size:26px;font-weight:800;color:#0b1f3a;letter-spacing:.5px}.sv-tag{font-size:10px;letter-spacing:.11em;color:#64748b;margin-top:3px}.sv-badge{display:inline-block;background:#0b1f3a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 12px;border-radius:5px}.sv-subh{font-size:10.5px;color:#64748b;margin-top:5px}.sv-rule{height:3px;background:#0b1f3a;border-radius:2px;margin:12px 0 16px}.sv-meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:18px}.sv-meta>div{padding:12px 14px;border-right:1px solid #e2e8f0}.sv-meta>div:last-child{border-right:none}.sv-meta .ml{font-size:9px;letter-spacing:.07em;color:#64748b;font-weight:700;text-transform:uppercase;margin-bottom:4px}.sv-meta b{font-size:13px;color:#0b1f3a}.sv-sec{font-size:11px;letter-spacing:.1em;font-weight:800;color:#0b1f3a;text-transform:uppercase;margin:18px 0 8px}.sv-tbl{width:100%;border-collapse:collapse}.sv-tbl thead th{background:#eef2f7;color:#64748b;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:9px 11px;text-align:left}.sv-tbl td.amt,.sv-tbl th.amt{text-align:right}.sv-tbl td.ctr,.sv-tbl th.ctr{text-align:center}.sv-tbl tbody td{padding:11px;border-bottom:1px solid #eef2f7;font-size:12px}.sv-tbl td.cur{color:#64748b}.sv-tbl td.save{color:#137a3a;font-weight:700}.sv-tbl .sd{font-size:10.5px;color:#64748b;margin-top:2px;font-weight:400}.sv-tbl tfoot td{padding:11px;background:#f0f7f2;border-top:2px solid #137a3a;font-size:12.5px}.sv-tbl tfoot .save{color:#137a3a}.sv-hero{margin-top:20px;background:linear-gradient(135deg,#1a7a3c,#0f5f2c);color:#fff;border-radius:12px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:18px}.sv-hero-txt{font-size:14px;max-width:54%;line-height:1.4}.sv-hero-num{font-size:42px;font-weight:800;text-align:right;line-height:1;white-space:nowrap}.sv-hero-num span{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;margin-top:6px;opacity:.9}.sv-note{margin-top:14px;font-size:11px;color:#64748b;font-style:italic}.sv-foot{margin-top:20px;padding-top:12px;border-top:1px solid #e2e8f0;gap:12px;font-size:10.5px;color:#64748b}.sv-foot,.sv-livebar{display:flex;justify-content:space-between}.sv-livebar{position:-webkit-sticky;position:sticky;bottom:0;margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;align-items:center;box-shadow:0 -4px 14px rgba(0,0,0,.05);flex-wrap:wrap;gap:10px}.lb2{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:5px}.svbuild{width:100%;border-collapse:collapse}.svbuild input{border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:12.5px}.svbuild thead th{background:#f2f5f9;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:9px 11px;text-align:left}.svbuild tbody td{padding:9px 11px;border-bottom:1px solid #eef2f7;vertical-align:top}.attn{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:10px;gap:10px}.attn-item{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-left:4px solid #94a3b8;border-radius:11px;padding:13px 15px;cursor:pointer;font-weight:600;color:#111827;text-align:left;font-size:13.5px}.attn-item:hover{background:#f8fafc}.attn-item.amber{border-left-color:#e0a106}.attn-item.red{border-left-color:#dc2626}.attn-item.green{border-left-color:#1a7a3c}.attn-item .ai-ic{font-size:18px}.attn-item .ai-go{margin-left:auto;color:#64748b;font-size:16px}@media print{body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;left:0;top:0;width:100%}.noprint{display:none!important}}.hamb{align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:19px;cursor:pointer;flex:0 0 auto;color:#334155}.hamb,.navback{display:none}@media(max-width:1240px){.two{grid-template-columns:1fr}}@media(max-width:1100px){.cat-grid,.kpis{grid-template-columns:repeat(2,1fr)}.msgwrap{grid-template-columns:1fr;height:auto}}@media(max-width:900px){.hamb{display:inline-flex}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;height:100vh;width:252px;max-width:82vw;transform:translateX(-100%);transition:transform .22s ease;z-index:60;box-shadow:0 0 40px rgba(0,0,0,.4)}.app.navopen .sidebar{transform:none}.app.navopen .navback{display:block;position:fixed;inset:0;background:rgba(2,8,20,.5);z-index:55}.topbar{flex-wrap:wrap;padding:9px 12px;gap:9px}.search{max-width:100%;flex:1 1 100%;order:3}.content{padding:16px 13px 60px}.page-head{flex-direction:column;align-items:flex-start;gap:10px}.grid.kpis{grid-template-columns:repeat(2,1fr)!important}.content .card{overflow-x:auto}.content table{min-width:540px}.overlay{padding:0}.modal,.modal.wide{max-width:100%;min-height:100vh;border-radius:0}.m-head{position:-webkit-sticky;position:sticky;top:0;background:var(--card);z-index:3}.inv-tiles{grid-template-columns:1fr}.imetarow{flex-direction:column;gap:12px}.sv-meta{grid-template-columns:repeat(2,1fr)}.sv-hero{flex-direction:column;align-items:flex-start;gap:10px}.sv-hero-num{font-size:34px;text-align:left}.sv-livebar{flex-direction:column;align-items:stretch}.roleseg{order:4;flex:1 1 100%;justify-content:center}.previewpill{display:none}}@media(max-width:560px){.content{padding:12px 10px 50px}h1{font-size:20px}.grid.kpis{grid-template-columns:1fr!important}.roleseg{font-size:12px}.avatar{width:34px!important;height:34px!important}}.pvwrap{display:grid;grid-template-columns:320px 1fr;overflow:hidden}@media(max-width:820px){.pvwrap{grid-template-columns:1fr}.pvwrap>div:first-child{border-right:none!important;border-bottom:1px solid var(--line);max-height:300px}}@media(max-width:900px){.content table{min-width:0!important;table-layout:auto!important;width:100%}.content thead{display:none}.content tbody tr{display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:5px 13px;background:var(--card);box-shadow:0 1px 2px rgba(0,0,0,.03)}.content tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;border:none!important;border-bottom:1px solid var(--line)!important;padding:9px 0;text-align:right;white-space:normal;overflow:visible;min-width:0}.content tbody tr td:last-child{border-bottom:none!important}.content tbody td:before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left;flex:0 0 40%;white-space:normal}.content tbody td[data-label=""]:before{content:"";flex:0 1}.content tbody td[data-label=""]{justify-content:flex-end;padding-top:11px}.content tbody td .btn{white-space:nowrap}.content tbody tr.ogrp td{background:var(--bg);border-radius:8px;justify-content:flex-start}.content tbody tr.ogrp td:before{content:""}}@media(max-width:680px){.cartline{flex-wrap:wrap;align-items:flex-start;row-gap:8px}.cartline .cline-info{flex:1 1 auto;min-width:0}.cartline .cline-ctl{flex:1 1 100%;margin-left:0!important;justify-content:space-between;gap:10px;margin-top:2px}}.shipcards{display:none;flex-direction:column;gap:10px}@media(max-width:1500px){.shiptable-wide{display:none!important}.shipcards{display:flex}}.shipcard{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;cursor:pointer}.shipcard:hover{border-color:#cbd5e1}.shipcard .sc-id{flex:0 0 auto;font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:14px;color:var(--navy)}.shipcard .sc-id .sc-po{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10.5px;color:var(--muted);font-weight:600;margin-top:1px}.shipcard .sc-main{flex:1 1 220px;min-width:170px}.shipcard .sc-cust{font-weight:800;font-size:14.5px}.shipcard .sc-dest{font-size:12px;color:var(--muted);margin-top:1px}.shipcard .sc-right{flex:0 0 auto;align-items:center;gap:9px;margin-left:auto}.shipcard .sc-acts,.shipcard .sc-right{display:flex;flex-wrap:wrap;justify-content:flex-end}.shipcard .sc-acts{gap:6px}.shipcard .sc-metrics{flex:1 1 100%;order:5;font-size:12px;color:#475569;display:flex;flex-wrap:wrap;gap:4px 8px;border-top:1px solid #f1f5f9;padding-top:9px;margin-top:2px}.shipcard .sc-metrics b{color:#0f172a;font-weight:700}.shipcard .sc-metrics .dot{color:#cbd5e1}.shipcard.flat{cursor:default}.shipcard.flat:hover{border-color:var(--line)}.shipcard .sc-price{font-weight:800;font-size:15px;color:var(--navy)}@media(max-width:520px){.shipcard .sc-right{flex:1 1 100%;justify-content:flex-start;margin-left:0}}.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 18px;border-bottom:1px solid var(--line)}.subtab{padding:9px 15px;border-radius:10px 10px 0 0;font-weight:700;font-size:13.5px;color:var(--muted);background:transparent;border:1px solid transparent;border-bottom:none;position:relative;top:1px}.subtab:hover{color:var(--ink);background:var(--bg)}.subtab.on{color:var(--blue);background:var(--card);border-color:var(--line);border-bottom-color:var(--card)}.subtab .subcount{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:0 7px;font-size:11px;margin-left:4px;color:var(--muted)}.subtab.on .subcount{background:#eef4ff;color:var(--blue);border-color:#dbe7ff}.creditpill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}html[data-theme=dark] .subtab.on .subcount{background:#1c2a46;color:#8ab4ff;border-color:#2f4368}.cfwrap{position:fixed;inset:0;z-index:90;background:linear-gradient(160deg,#0b1f3a,#081627);overflow-y:auto;padding:24px 16px;display:flex;justify-content:center;align-items:flex-start}.cfcard{background:#fff;color:#0f172a;border-radius:18px;width:100%;max-width:720px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.cfhead{padding:20px 24px;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;gap:12px}.cfhead .logo{width:44px;height:44px;border-radius:12px;background:#0b1f3a;color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}.brandimg{height:40px;width:auto;display:block;background:#fff;border-radius:9px;padding:3px;box-sizing:border-box}.cfsteps{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#94a3b8;padding:11px 24px;border-bottom:1px solid #eef2f7;font-weight:600}.cfsteps span.on{color:var(--brand)}.cfbanner{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5;margin-bottom:16px}.cfterms{background:#f8fafc;border:1px solid #e6ebf2;border-radius:10px;padding:14px 16px;font-size:12.5px;line-height:1.65;color:#334155;white-space:pre-wrap;max-height:230px;overflow:auto}.cfnum{display:inline-flex;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;margin-right:8px}.cfnum,.cfsecrow{align-items:center;font-weight:800}.cfsecrow{display:flex;margin:22px 0 10px;font-size:15px;color:#0f172a}.cfsec2{font-size:12.5px;color:#64748b;margin:-4px 0 10px 30px}.cferr{color:#dc2626;font-size:12px;margin-top:5px;font-weight:600}.cfrefcard{border:1px solid #e6ebf2;border-radius:12px;padding:12px;margin-bottom:10px;background:#fbfcfe}.cfhead h2{font-size:18px;font-weight:800;margin:0}.cfhead .cfsub{font-size:12.5px;color:#64748b}.cfbody{padding:22px 24px}.cffield{margin-bottom:12px}.cffield .l{font-size:11.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.cffield input,.cffield select,.cffield textarea{width:100%;border:1px solid #e6ebf2;border-radius:10px;padding:11px 12px;font-size:14px;background:#fff;color:#0f172a;outline:none}.cffield input:focus,.cffield select:focus,.cffield textarea:focus{border-color:#2563eb}.cfgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media(max-width:560px){.cfgrid{grid-template-columns:1fr}}.cfsec{font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:#0b1f3a;margin:20px 0 12px;border-top:1px solid #eef2f7;padding-top:16px}.cfsec:first-child{border-top:none;padding-top:0;margin-top:2px}.sigpad{width:100%;height:130px;background:#fff;border:1px dashed #94a3b8;border-radius:10px;touch-action:none;cursor:crosshair;display:block}.cfconsent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;margin-bottom:11px;color:#334155;cursor:pointer}.cfconsent input{width:18px;height:18px;margin-top:1px;flex:none}.cffoot{padding:16px 24px;border-top:1px solid #e6ebf2;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.cfnote{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:11px 13px;font-size:12.5px;color:#1e3a8a;margin-bottom:14px;line-height:1.5}.cfnote.grn{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.cfrev{font-size:13.5px;line-height:1.7}.cfrev .k{color:#64748b;font-weight:600;display:inline-block;min-width:150px}.cftestbar{position:-webkit-sticky;position:sticky;top:0;background:#fef3c7;color:#92400e;border-bottom:1px solid #fde68a;padding:7px 24px;font-weight:700;justify-content:space-between}.cflink,.cftestbar{font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cflink{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:var(--muted);margin-top:8px;word-break:break-all}html[data-theme=dark]{--ink:#e7edf7;--bg:#0c1322;--card:#141d30;--line:#26324a;--muted:#93a1b8;--muted2:#8a97ab;--green-bg:#12271c;--amber-bg:#2a2110;--red-bg:#2c1719;--shadow:0 1px 2px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.45)}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] optgroup,html[data-theme=dark] option,html[data-theme=dark] select{background-color:#141d30;color:var(--ink)}html[data-theme=dark] option:checked{background-color:#2563eb;color:#fff}html[data-theme=dark] option:disabled{color:var(--muted)}html[data-theme=dark] .topbar{background:rgba(15,23,40,.82);border-bottom-color:var(--line)}html[data-theme=dark] .roleseg button.on{background:#243149;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.4)}html[data-theme=dark] .btn.ghost{background:#1a2438;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .btn.ghost:hover{background:#22304a}html[data-theme=dark] .hamb{background:#1a2438;color:#cbd5e1;border-color:var(--line)}html[data-theme=dark] tbody tr.click:hover{background:#1a2438}html[data-theme=dark] tr.ogrp td,html[data-theme=dark] tr.ogrp:hover td{background:#1a2337}html[data-theme=dark] .pkprog{background:#1c2740}html[data-theme=dark] .pcard .img,html[data-theme=dark] .pkimg,html[data-theme=dark] .thumb{background:#1b2540}html[data-theme=dark] .pksku{color:#aeb9cc}html[data-theme=dark] .pkchk,html[data-theme=dark] .pksku{background:#1b2540;border-color:#3a4a68}html[data-theme=dark] .pkchk.on{background:#16a34a;border-color:#16a34a}html[data-theme=dark] .chip{background:#1a2438;color:var(--muted)}html[data-theme=dark] .chip.on{background:#2563eb;color:#fff;border-color:#2563eb}html[data-theme=dark] .attn-item,html[data-theme=dark] .bub.them,html[data-theme=dark] .callout,html[data-theme=dark] .inv-tile,html[data-theme=dark] .pcard{background:var(--card)}html[data-theme=dark] .callout{border-color:#3b6bd4}html[data-theme=dark] .attn-item{color:var(--ink)}html[data-theme=dark] .attn-item:hover,html[data-theme=dark] .conv:hover{background:#1a2438}html[data-theme=dark] .conv.on{background:#1c2a46}html[data-theme=dark] .th-body{background:#0f1728}html[data-theme=dark] .inv-tile .it-val{color:var(--ink)}html[data-theme=dark] .qbtbl thead th,html[data-theme=dark] .svbuild thead th{background:#1a2337;color:var(--muted)}html[data-theme=dark] .stepper button{background:#1c2a46;color:#8ab4ff}html[data-theme=dark] .stepper button:hover{background:#243a63}html[data-theme=dark] .pkqty{background:#1c2a46;color:#9bc0ff}html[data-theme=dark] .m-head,html[data-theme=dark] .modal,html[data-theme=dark] .shipcard{background:var(--card)}html[data-theme=dark] .shipcard:hover{border-color:#3a4a68}html[data-theme=dark] .shipcard .sc-id,html[data-theme=dark] .shipcard .sc-price{color:#aebfe0}html[data-theme=dark] .shipcard .sc-metrics{color:#9aa7bd;border-top-color:#26324a}html[data-theme=dark] .shipcard .sc-metrics b{color:var(--ink)}html[data-theme=dark] .shipcard .sc-metrics .dot{color:#3a4a68}html[data-theme=dark] .toast{background:#1f2940;color:#fff;border:1px solid var(--line)}html[data-theme=dark] .sz.on{background:#2563eb;color:#fff;border-color:#2563eb}html[data-theme=dark] .authcard{background:#141d30;color:var(--ink)}html[data-theme=dark] .authcard input{background:#0f1728;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .x{background:#1a2438;color:var(--muted)}html[data-theme=dark] .chatbar input,html[data-theme=dark] .priceinput,html[data-theme=dark] .svbuild input,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#0f1728;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .search input{background:transparent}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#64748b}html[data-theme=dark] [style*="background:#f8fafc"]{background:#131d33!important;border-color:var(--line)!important}html[data-theme=dark] [style*="background:#ffffff"],html[data-theme=dark] input[style*="background:#fff"],html[data-theme=dark] select[style*="background:#fff"],html[data-theme=dark] textarea[style*="background:#fff"]{background:#0f1728!important;color:var(--ink)!important}html[data-theme=dark] [style*="#fdf3e6"],html[data-theme=dark] [style*="#fffaf0"],html[data-theme=dark] [style*="#fffbeb"]{background:#2a2712!important;border-color:#5b4d1c!important}html[data-theme=dark] [style*="#fdeaea"],html[data-theme=dark] [style*="#fee2e2"],html[data-theme=dark] [style*="#fef2f2"]{background:#2a1517!important}html[data-theme=dark] [style*="#dcfce7"],html[data-theme=dark] [style*="#e7f6ee"],html[data-theme=dark] [style*="#f0fdf4"]{background:#122419!important}html[data-theme=dark] [style*="#dbeafe"],html[data-theme=dark] [style*="#eef2ff"],html[data-theme=dark] [style*="#eff6ff"]{background:#14203a!important}html[data-theme=dark] [style*="#ddd6fe"],html[data-theme=dark] [style*="#ede9fe"],html[data-theme=dark] [style*="#f5f3ff"]{background:#1d1830!important}html[data-theme=dark] [style*="#fde68a"],html[data-theme=dark] [style*="#fef3c7"]{background:#2a2712!important}html[data-theme=dark] [style*="#cffafe"],html[data-theme=dark] [style*="#ecfeff"]{background:#0f2833!important}html[data-theme=dark] .card[style*="background:#fff"]{background:var(--card)!important}html[data-theme=dark] button[style*="background:#fff"]{background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] [style*="#eef4ff"]{background:#14203a!important}html[data-theme=dark] .conv.on{background:#14203a}html[data-theme=dark] .conv:hover{background:#131d33}html[data-theme=dark] .subtab.on .subcount{background:#14203a!important;color:#93c5fd!important;border-color:#26324a!important}html[data-theme=dark] .stepper button{background:#14203a;color:#93c5fd}html[data-theme=dark] .stepper button:hover{background:#1b2b4a}html[data-theme=dark] .p-new{background:#1d1830}html[data-theme=dark] .p-confirmed,html[data-theme=dark] .p-out{background:#14213c;color:#93c5fd}html[data-theme=dark] .p-picked{background:#0f2a24}html[data-theme=dark] .p-delivered{background:#122419;color:#86efac}html[data-theme=dark] .p-invoiced{background:#1a2233;color:#cbd5e1}html[data-theme=dark] .p-invoiced:before{background:#94a3b8}html[data-theme=dark] .p-cancelled,html[data-theme=dark] .p-over{background:#2a1517;color:#fca5a5}html[data-theme=dark] .priceinput.changed{background:#2a2110;border-color:var(--amber)}html[data-theme=dark] .inv input,html[data-theme=dark] .inv select,html[data-theme=dark] .inv textarea{background:#fff;color:#1f2937;border-color:#e6ebf2}html[data-theme=dark] .gsresults{background:var(--card)!important;border-color:var(--line)!important}html[data-theme=dark] .req-note{background:#0f1728!important;border-color:var(--line)!important;color:var(--ink)}html[data-theme=dark] .note-amber{background:#241c0f!important;border-color:#4a3a1a!important}html[data-theme=dark] .note-amber .sec-title{color:#fcd34d}html[data-theme=dark] .note-amber .sec-sub{color:#cdb389}html[data-theme=dark] .note-amber>div:first-child{color:#fbbf24!important}html[data-theme=dark] .note-amber ul{color:#e6cf9c!important}html[data-theme=dark] .hist-panel{background:#0f1728!important;border-color:var(--line)!important}html[data-theme=dark] .hist-panel b{color:var(--ink)}html[data-theme=dark] .hist-tbl{background:#131c30!important}html[data-theme=dark] .hist-tbl th{color:var(--muted)}html[data-theme=dark] .hist-panel div[style*=border-bottom]{border-bottom-color:#1e293f!important}html[data-theme=dark] .authnew{background:#12233f!important;border-color:#2f4368!important;color:var(--ink)}html[data-theme=dark] .content tbody tr{background:var(--card)}html[data-theme=dark] .content tbody td{border-bottom-color:#1e293f!important}html[data-theme=dark] .content tbody td:before{color:var(--muted)}html[data-theme=dark] .content tbody tr.ogrp td{background:#1a2337}.themebtn{position:relative;width:52px;height:30px;border-radius:20px;border:1px solid var(--line);background:var(--bg);flex:0 0 auto;margin-right:8px;cursor:pointer;transition:background .2s}.themebtn .knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .22s ease}html[data-theme=dark] .themebtn{background:#1c2a46;border-color:#2f4368}html[data-theme=dark] .themebtn .knob{transform:translateX(22px);background:#0c1322}html[data-theme=dark] #printArea,html[data-theme=dark] .inv,html[data-theme=dark] .sv{--ink:#0f172a;--muted:#64748b;--line:#e6ebf2;--card:#fff;--bg:#f8fafc;color:#1f2937;background:#fff}@media print{#printArea{--ink:#0f172a;--muted:#64748b;--line:#e6ebf2;--card:#fff;--bg:#fff;color:#1f2937;background:#fff}}.rightcol{display:flex;flex-direction:column;min-width:0}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.navitem.on{background:hsla(0,0%,100%,.1);color:#fff;border-left-color:var(--brand)}.sidebar-scroll{overflow-y:auto;flex:1 1}.ph-wrap{padding:60px 30px;text-align:center;color:var(--muted)}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}}.drawer-only{display:none}@media(max-width:900px){.sidebar{display:flex;height:100vh;height:100dvh;visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}.app.navopen .sidebar{visibility:visible;transition-delay:0s}.drawer-only{display:block}.hamb{width:44px;height:44px;font-size:20px}.topbar{flex-wrap:nowrap;gap:8px;padding:8px 12px}.navitem{padding:10px 11px;font-size:14px}.btn,.navitem{min-height:44px}.btn.sm{min-height:40px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.content table:not(:has(td[data-label])){display:table;min-width:0!important;width:100%}.content table:not(:has(td[data-label])) thead{display:table-header-group}.content table:not(:has(td[data-label])) tbody tr{display:table-row;border:none;border-radius:0;margin:0;padding:0;background:transparent;box-shadow:none}.content table:not(:has(td[data-label])) tbody td{display:table-cell;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)!important}.content table:not(:has(td[data-label])) tbody td:before{content:none}.content table:not(:has(td[data-label])) tbody tr td:last-child{border-bottom:1px solid var(--line)!important}.content .card{max-width:100%;-webkit-overflow-scrolling:touch}.topbar{justify-content:flex-start}.tb-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-signout{display:none}.topbar .avatar,.topbar .btn{flex:0 0 auto}.page-head>div{min-width:0;max-width:100%}.page-head>div:last-child{width:100%}.page-head>div:last-child>input,.page-head>div:last-child>select{flex:1 1 100%;min-width:0!important;width:100%}.page-head>div:last-child>.btn{flex:1 1 auto;justify-content:center}}@media(max-width:560px){.grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.kpi{padding:13px 12px}.kpi .k-val{font-size:22px;letter-spacing:-.5px;overflow-wrap:anywhere}.kpi .k-lbl{font-size:10.5px}.portalwrap{grid-template-columns:minmax(0,1fr);align-items:start;padding:8vh 16px 16px!important}.portalcard{width:100%!important;max-width:100%!important}[role=dialog] .pad div[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}[role=dialog] .m-foot,[role=dialog] .m-head,[role=dialog] .pad{padding-left:14px!important;padding-right:14px!important}[role=dialog] .m-foot .btn{flex:1 1 auto;justify-content:center}}.qbdoc{font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff;padding:34px 0 26px;font-size:13.5px;line-height:1.42;min-height:880px;display:flex;flex-direction:column}.qbdoc table{border-collapse:collapse;width:100%;box-shadow:none;border:0;background:transparent}.qbdoc td,.qbdoc th{border:0!important;background:transparent}.qbdoc .qd-head{display:flex;align-items:center;gap:22px}.qbdoc .qd-logo{width:78px;height:auto;display:block}.qbdoc .qd-co b{display:block;font-size:14px;font-weight:700}.qbdoc .qd-co span{display:block}.qbdoc .qd-title{color:#1d5fbf;font-size:29px;font-weight:400;margin:10px 0 18px;letter-spacing:0}.qbdoc .qd-meta{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.qbdoc .qd-lb{font-weight:700;text-transform:uppercase;font-size:14px}.qbdoc .qd-bill{white-space:pre-line}.qbdoc .qd-kv{width:auto}.qbdoc .qd-kv td{padding:0 0 1px;vertical-align:top}.qbdoc .qd-kv td.k{font-weight:700;text-align:right;padding-right:7px;white-space:nowrap;font-size:14px}.qbdoc>:not(.qd-lines){margin-left:40px;margin-right:40px}.qbdoc .qd-rule{border:0;border-top:1px solid #2f5fa8;margin-top:24px;margin-bottom:12px}.qbdoc .qd-fields{display:flex;gap:0;margin-bottom:26px}.qbdoc .qd-fields>div{flex:1 1}.qbdoc .qd-lines{width:100%}.qbdoc .qd-lines thead th{background:#ccd9ee!important;color:#1d5fbf;font-weight:400;font-size:13px;text-transform:uppercase;text-align:left;padding:5px 8px;letter-spacing:0;white-space:nowrap}.qbdoc .qd-lines tbody td{padding:7px 8px 6px;vertical-align:top;font-size:13.5px}.qbdoc .qd-lines tbody tr td:first-child,.qbdoc .qd-lines th:first-child{padding-left:42px!important}.qbdoc .qd-lines tbody tr td:last-child,.qbdoc .qd-lines th:last-child{padding-right:44px!important}.qbdoc .qd-lines .r{text-align:right}.qbdoc .qd-lines td.p{font-weight:700}.qbdoc .qd-sum{display:flex;justify-content:space-between;gap:30px;border-top:1px dotted #9aa3ad;margin-top:26px;padding-top:9px}.qbdoc .qd-msg{font-size:10.5px;line-height:1.6;max-width:46%}.qbdoc .qd-tot{width:49%}.qbdoc .qd-tot td{padding:0 4px 1px 0;text-transform:uppercase}.qbdoc .qd-tot td.r{text-align:right}.qbdoc .qd-tot tr.bal td.r{font-size:21px;font-weight:700}.qbdoc .qd-foot{margin-top:auto;padding-top:40px;text-align:center;font-size:10.5px}html[data-theme=dark] .qbdoc{color:#000;background:#fff}.content .qbdoc table:not(:has(td[data-label])) tbody tr td,.content .qbdoc table:not(:has(td[data-label])) tbody tr td:last-child{border:0!important;display:table-cell}.content .qbdoc .qd-lines:not(:has(td[data-label])) tbody tr td{padding:7px 8px 6px;text-align:left}.content .qbdoc .qd-lines:not(:has(td[data-label])) tbody tr td.r,.content .qbdoc .qd-tot:not(:has(td[data-label])) tbody tr td.r{text-align:right}.content .qbdoc .qd-kv:not(:has(td[data-label])) tbody tr td{padding:0 0 1px}.content .qbdoc .qd-kv:not(:has(td[data-label])) tbody tr td.k{padding-right:7px;text-align:right}.content .qbdoc .qd-tot:not(:has(td[data-label])) tbody tr td{padding:0 4px 1px 0;text-align:left}.content .qbdoc thead{display:table-header-group}.content .qbdoc table{min-width:0!important}@media (max-width:640px){.qbdoc{padding:20px 0;min-height:0}.qbdoc>:not(.qd-lines){margin-left:16px;margin-right:16px}.qbdoc .qd-lines tbody tr td:first-child,.qbdoc .qd-lines th:first-child{padding-left:16px!important}.qbdoc .qd-lines tbody tr td:last-child,.qbdoc .qd-lines th:last-child{padding-right:16px!important}.qbdoc .qd-sum{flex-direction:column}.qbdoc .qd-msg,.qbdoc .qd-tot{max-width:none;width:auto}}@media print{@page{size:letter;margin:8mm 0}body,html{background:#fff!important}.qbdoc{min-height:238mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root,html[data-theme=dark] #printArea,html[data-theme=dark] .cfcard,html[data-theme=dark] .inv,html[data-theme=dark] .sv{--bg-e0f2fe:#e0f2fe;--bg-e2e8f0:#e2e8f0;--bg-e6f1ff:#e6f1ff;--bg-e7f6ec:#e7f6ec;--bg-ecfeff:#ecfeff;--bg-ede9fe:#ede9fe;--bg-eef2f7:#eef2f7;--bg-eef2ff:#eef2ff;--bg-eef4fb:#eef4fb;--bg-eff6ff:#eff6ff;--bg-f0fdf4:#f0fdf4;--bg-f1f5f9:#f1f5f9;--bg-f3e8ff:#f3e8ff;--bg-f5f3ff:#f5f3ff;--bg-f7f9fc:#f7f9fc;--bg-f8fafc:#f8fafc;--bg-fde8e8:#fde8e8;--bg-fef2f2:#fef2f2;--bg-fef3c7:#fef3c7;--bg-fff:#fff;--bg-fff7ed:#fff7ed;--bg-fffbeb:#fffbeb;--fg-075985:#075985;--fg-0b1f3a:#0b1f3a;--fg-0e7490:#0e7490;--fg-0f172a:#0f172a;--fg-111827:#111827;--fg-15803d:#15803d;--fg-166534:#166534;--fg-16a34a:#16a34a;--fg-1d4ed8:#1d4ed8;--fg-1e40af:#1e40af;--fg-2563eb:#2563eb;--fg-334155:#334155;--fg-4338ca:#4338ca;--fg-4b5563:#4b5563;--fg-555:#555;--fg-64748b:#64748b;--fg-6b21a8:#6b21a8;--fg-6d28d9:#6d28d9;--fg-78350f:#78350f;--fg-7c3aed:#7c3aed;--fg-7c5410:#7c5410;--fg-7f1d1d:#7f1d1d;--fg-92400e:#92400e;--fg-94a3b8:#94a3b8;--fg-b45309:#b45309;--fg-b91c1c:#b91c1c;--fg-c2410c:#c2410c;--fg-d97706:#d97706;--fg-dc2626:#dc2626}html[data-theme=dark]{--bg-e0f2fe:#13263a;--bg-e2e8f0:#26324a;--bg-e6f1ff:#14223b;--bg-e7f6ec:#12271c;--bg-ecfeff:#10282d;--bg-ede9fe:#211b3d;--bg-eef2f7:#1a2438;--bg-eef2ff:#1c1f3d;--bg-eef4fb:#14223b;--bg-eff6ff:#14223b;--bg-f0fdf4:#12271c;--bg-f1f5f9:#1a2438;--bg-f3e8ff:#251a3a;--bg-f5f3ff:#211b3d;--bg-f7f9fc:#1a2438;--bg-f8fafc:#1a2438;--bg-fde8e8:#2c1719;--bg-fef2f2:#2c1719;--bg-fef3c7:#2a2110;--bg-fff:#141d30;--bg-fff7ed:#2a1d10;--bg-fffbeb:#2a2110;--fg-075985:#7dd3fc;--fg-0b1f3a:#e7edf7;--fg-0e7490:#67e8f9;--fg-0f172a:#e7edf7;--fg-111827:#e7edf7;--fg-15803d:#4ade80;--fg-166534:#86efac;--fg-16a34a:#4ade80;--fg-1d4ed8:#8ab4ff;--fg-1e40af:#8ab4ff;--fg-2563eb:#8ab4ff;--fg-334155:#cbd5e1;--fg-4338ca:#a5b4fc;--fg-4b5563:#9aa7bd;--fg-555:#9aa7bd;--fg-64748b:#93a1b8;--fg-6b21a8:#d8b4fe;--fg-6d28d9:#c4b5fd;--fg-78350f:#fcd34d;--fg-7c3aed:#c4b5fd;--fg-7c5410:#fcd34d;--fg-7f1d1d:#fca5a5;--fg-92400e:#fcd34d;--fg-94a3b8:#93a1b8;--fg-b45309:#fbbf24;--fg-b91c1c:#f87171;--fg-c2410c:#fb923c;--fg-d97706:#fbbf24;--fg-dc2626:#f87171}html[data-theme=dark] .cfsec{color:var(--ink);border-top-color:var(--line)}html[data-theme=dark] .cfsecrow{color:var(--ink)}html[data-theme=dark] .cfsec2{color:var(--muted)}html[data-theme=dark] .cferr{color:#f87171}html[data-theme=dark] .cfcard .cfsec{color:#0b1f3a;border-top-color:#eef2f7}html[data-theme=dark] .cfcard .cfsecrow{color:#0f172a}html[data-theme=dark] .cfcard .cfsec2{color:#64748b}html[data-theme=dark] .cfcard .cferr{color:#dc2626}:root,html[data-theme=dark] #printArea,html[data-theme=dark] .cfcard,html[data-theme=dark] .inv,html[data-theme=dark] .sv{--bg-fecaca:#fecaca;--bg-bbf7d0:#bbf7d0;--bg-fde68a:#fde68a;--bg-fee2e2:#fee2e2;--bg-dbeafe:#dbeafe;--bg-fed7aa:#fed7aa;--bg-bfdbfe:#bfdbfe;--bg-d7e3f2:#d7e3f2;--bg-ddd6fe:#ddd6fe;--bg-e6f7f4:#e6f7f4;--bg-99e6d9:#99e6d9;--bg-f0f9ff:#f0f9ff;--bg-bae6fd:#bae6fd;--bg-b7e4c7:#b7e4c7;--bg-dcfce7:#dcfce7;--bd-bfdbfe:#bfdbfe;--bd-fecaca:#fecaca;--bd-fee2e2:#fee2e2;--bd-f4f4f5:#f4f4f5;--bd-bbf7d0:#bbf7d0;--bd-eef2f7:#eef2f7;--bd-fde68a:#fde68a;--bd-e5e7eb:#e5e7eb;--bd-e2e8f0:#e2e8f0;--fg-475569:#475569}html[data-theme=dark]{--bg-fecaca:#353546;--bg-bbf7d0:#2b3c46;--bg-fde68a:#35393d;--bg-fee2e2:#353949;--bg-dbeafe:#303a4d;--bg-fed7aa:#353741;--bg-bfdbfe:#2c384d;--bg-d7e3f2:#2f394b;--bg-ddd6fe:#30374d;--bg-e6f7f4:#313c4b;--bg-99e6d9:#273948;--bg-f0f9ff:#333c4d;--bg-bae6fd:#2b394d;--bg-b7e4c7:#2b3945;--bg-dcfce7:#303c4a;--bd-bfdbfe:#4b5a72;--bd-fecaca:#5f5461;--bd-fee2e2:#5f5c69;--bd-f4f4f5:#5c626f;--bd-bbf7d0:#496363;--bd-eef2f7:#5a6170;--bd-fde68a:#5f5d4d;--bd-e5e7eb:#575e6c;--bd-e2e8f0:#565e6d;--fg-475569:#b9bec6}html[data-theme=dark] .sv-livebar{background:var(--card);border-color:var(--line)}html[data-theme=dark] .flag{color:#fca5a5}html[data-theme=dark] .p-new{background:#1c1f3d;color:#a5b4fc}html[data-theme=dark] .p-confirmed,html[data-theme=dark] .p-out{background:#14223b;color:#8ab4ff}html[data-theme=dark] .p-picked{background:#10282a;color:#5eead4}html[data-theme=dark] .p-delivered{color:#4ade80}html[data-theme=dark] .p-invoiced{background:#1a2438;color:#9aa7bd}html[data-theme=dark] .tag{background:#1c1f3d;color:#a5b4fc}html[data-theme=dark] .pkbadge.done,html[data-theme=dark] .qbadge.paid{background:#12271c;color:#4ade80}html[data-theme=dark] .ph,html[data-theme=dark] .qbadge.due{background:#2a2110;color:#fbbf24}html[data-theme=dark] .ph{border-color:#5c4a1e}:root{--fg-0369a1:#0369a1}html[data-theme=dark]{--fg-0369a1:#7dd3fc}@media(max-width:900px){body,html{overflow-x:clip}.rightcol{min-width:0;max-width:100vw}.topbar{flex-wrap:wrap;row-gap:8px}.topbar .search{order:3;flex:1 1 100%;max-width:100%;min-width:0}.topbar>div:last-child{gap:8px!important}}