@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap");:root{--navy:#1E3A8A;--navy-dark:#1E40AF;--navy-mid:#2563EB;--orange:#2563EB;--orange2:#3B82F6;--orange-pale:#DBEAFE;--green:#16A34A;--green-pale:#DCFCE7;--red:#DC2626;--red-pale:#FEE2E2;--blue:#2563EB;--blue-pale:#DBEAFE;--blue2:#3B82F6;--blue-soft:#EFF6FF;--yellow:#D97706;--yellow-pale:#FEF3C7;--purple:#7C3AED;--purple-pale:#EDE9FE;--teal:#0D9488;--teal-pale:#CCFBF1;--white:#FFFFFF;--bg:#F0F5FF;--bg2:#E0EAFF;--card:#FFFFFF;--text:#1E293B;--text2:#475569;--text3:#94A3B8;--border:#D6E2F5;--border2:#BFDBFE;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 2px 12px rgba(37,99,235,0.08);--shadow-md:0 4px 24px rgba(37,99,235,0.12)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.screen-shell{flex-direction:column}.login-screen,.screen-shell{display:flex;height:100vh;overflow:hidden}.login-screen{background:linear-gradient(160deg,#EFF6FF,#DBEAFE 45%,#BFDBFE);justify-content:center;align-items:center;position:relative}.login-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(37,99,235,.16) 0,transparent 60%)}.login-card{background:rgba(255,255,255,.98);border-radius:24px;padding:44px 40px;width:440px;max-width:94vw;box-shadow:0 24px 60px rgba(37,99,235,.18);border:1px solid rgba(191,219,254,.9);position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px}.login-brand-stack{flex-direction:column;gap:12px;margin-bottom:8px}.login-brand-icon{width:44px;height:44px;background:var(--blue);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.login-brand-logo{width:96px;height:96px;object-fit:contain;border-radius:16px;background:#000;display:block}.login-brand-name{font-size:18px;font-weight:900;color:var(--navy);line-height:1.25;text-align:center}.login-sub{text-align:center;color:var(--text2);font-size:13px;margin-bottom:28px}.role-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:20px}.rc{border:2px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;transition:.18s;background:#fff}.rc.sel,.rc:hover{border-color:var(--blue);background:var(--blue-pale)}.rc-icon{font-size:22px;margin-bottom:4px}.rc-name{font-size:10px;font-weight:800;color:var(--text);letter-spacing:.2px;line-height:1.2}.lbl{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.inp{width:100%;border:2px solid var(--border);border-radius:10px;padding:11px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;outline:none;transition:border .18s;background:#fff;color:var(--text);margin-bottom:12px}.inp:focus{border-color:var(--blue)}.inp::placeholder{color:var(--text3);font-weight:500}.pw-wrap{position:relative;margin-bottom:12px}.pw-wrap .inp{margin-bottom:0;padding-right:46px}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text3);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pw-toggle:hover{color:var(--navy);background:var(--bg)}.btn-login{width:100%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:none;border-radius:12px;padding:14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:15px;cursor:pointer;transition:.2s;letter-spacing:.2px}.btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.35)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-forgot{text-align:right;margin:-4px 0 14px}.login-forgot a{color:var(--blue);font-size:12px;font-weight:700}.login-forgot a:hover{text-decoration:underline}.ok-text{color:var(--green);font-size:13px;font-weight:700;margin-bottom:16px;line-height:1.45}.shell{flex:1 1;display:flex;overflow:hidden}.topbar{background:#fff;padding:0 20px;height:56px;justify-content:space-between;flex-shrink:0;box-shadow:var(--shadow);border-bottom:1px solid var(--border);z-index:100}.tb-brand,.topbar{color:var(--navy);display:flex;align-items:center}.tb-brand{gap:8px;font-size:17px;font-weight:900}.tb-brand-dot{width:8px;height:8px;background:var(--blue);border-radius:50%}.tb-right{display:flex;align-items:center;gap:12px}.tb-user{font-size:12px;color:var(--text2)}.tb-user strong{color:var(--navy);font-weight:700}.tb-logout{background:var(--blue-pale);color:var(--blue);border:none;padding:6px 13px;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:.15s}.tb-logout:hover{background:var(--blue);color:#fff}.tb-dev{font-size:10px;font-weight:800;letter-spacing:.6px;background:#7C3AED;color:#fff;padding:3px 7px;border-radius:6px}.tb-actas{background:var(--blue-soft);color:var(--navy);border:1px solid var(--border);padding:5px 8px}.tb-actas,.tb-lab{border-radius:8px;font-size:12px;font-weight:700}.tb-lab{color:var(--blue);padding:6px 10px;background:var(--blue-pale)}.tb-lab:hover{background:var(--blue);color:#fff}.login-dev-hint{font-size:12px;font-weight:600;color:var(--text2);background:var(--blue-pale);border-radius:8px;padding:8px 10px;margin-bottom:12px}.trace-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.trace-filters .fi{flex:1 1;min-width:160px}.trace-failed{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text2);white-space:nowrap}.audit-row.failed{background:var(--red-pale);margin:0 -16px;padding:10px 16px;border-radius:8px;border-bottom:none}.audit-dot.ok{background:var(--green)}.audit-dot.warn{background:var(--yellow)}.audit-dot.fail{background:var(--red)}.trace-body{min-width:0;flex:1 1}.trace-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:var(--text3);margin-top:4px}.trace-path{font-family:JetBrains Mono,monospace;color:var(--navy)}.trace-status{font-weight:800}.trace-status.ok{color:var(--green)}.trace-status.warn{color:var(--yellow)}.trace-status.fail{color:var(--red)}.trace-error{margin-top:6px;font-size:11px;font-family:JetBrains Mono,monospace;background:#1A2332;color:#F8D7DA;padding:8px 10px;border-radius:8px;white-space:pre-wrap;word-break:break-word;max-height:140px;overflow:auto}.sidebar{width:210px;background:#fff;flex-shrink:0;display:flex;flex-direction:column;padding:12px 10px 20px;gap:2px;overflow-y:auto;border-right:1px solid var(--border)}.sb-sec{font-size:10px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;padding:14px 10px 4px}.sb-sec:first-child{padding-top:6px}.sbi{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;cursor:pointer;color:var(--text2);font-weight:600;font-size:13px;transition:.15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;background:transparent;width:100%;text-align:left}.sbi:hover{background:var(--blue-soft);color:var(--navy)}.sbi.active{background:var(--blue);color:#fff;font-weight:700}.sbi-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sb-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:20px}.main{flex:1 1;overflow-y:auto;padding:20px 22px}.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.sec-title{font-size:18px;font-weight:800;color:var(--navy)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:12px;cursor:pointer;border:none;transition:.15s}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange2)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-mid)}.btn-ghost{background:var(--bg);color:var(--text2);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg2);color:var(--text)}.btn-danger{background:var(--red-pale);color:var(--red)}.btn-sm{padding:5px 11px;font-size:11px}.btn-full{width:100%;justify-content:center;padding:13px;border-radius:11px;font-size:14px}.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card,.card-title{margin-bottom:14px}.card-title{font-size:14px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:7px}.card-title small{font-size:11px;font-weight:600;color:var(--text2);margin-left:auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.kpi{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.kpi-icon{font-size:22px;margin-bottom:7px}.kpi-val{font-size:22px;font-weight:900;color:var(--navy);line-height:1}.kpi-lbl{color:var(--text2);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}.kpi-lbl,.kpi-sub{font-size:11px;font-weight:700}.kpi-sub{margin-top:5px}.up{color:var(--green)}.dn{color:var(--red)}.nt{color:var(--text3)}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;padding:9px 12px;background:var(--bg);white-space:nowrap}.tbl th:first-child{border-radius:8px 0 0 8px}.tbl th:last-child{border-radius:0 8px 8px 0}.tbl td{padding:11px 12px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl-name{font-weight:700;color:var(--navy)}.tbl-sub{font-size:11px;color:var(--text2);margin-top:1px}.mono{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.cred-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;margin-bottom:10px}.cred-row .cred-meta{flex:1 1;min-width:0}.cred-row .cred-lbl{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--text2)}.cred-row .cred-val{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--navy);word-break:break-all}.btn-copy{padding:5px 10px;font-size:11px;flex-shrink:0}.b{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.2px}.b-green{background:var(--green-pale);color:var(--green)}.b-red{background:var(--red-pale);color:var(--red)}.b-blue,.b-orange{background:var(--blue-pale);color:var(--blue)}.b-purple{background:var(--purple-pale);color:var(--purple)}.b-gray{background:var(--bg2);color:var(--text2)}.b-teal{background:var(--teal-pale);color:var(--teal)}.b-navy{background:var(--blue-soft);color:var(--navy)}.f-row{display:grid;grid-gap:12px;gap:12px;margin-bottom:12px}.f-row.c2{grid-template-columns:1fr 1fr}.f-row.c3{grid-template-columns:1fr 1fr 1fr}.fg{display:flex;flex-direction:column;gap:5px}.fg label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}.fg label .req{color:var(--red)}.fi{border:2px solid var(--border);border-radius:9px;padding:10px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;outline:none;transition:border .18s;background:#fff;color:var(--text);width:100%}.fi:focus{border-color:var(--orange)}select.fi{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea.fi{resize:vertical;min-height:70px}.toggle{width:40px;height:22px;background:var(--border);border-radius:11px;position:relative;cursor:pointer;transition:.2s;flex-shrink:0;border:none}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.toggle.on:after{left:21px}.sw-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.sw-row:last-child{border-bottom:none}.sw-info .sw-lbl{font-size:13px;font-weight:700;color:var(--navy)}.sw-info .sw-sub{font-size:11px;color:var(--text2);margin-top:1px}.prod-hint{margin:0 0 12px;font-size:12px;color:var(--text2);font-weight:600}.shop-search-list{max-height:220px;overflow:auto;border:1.5px solid var(--border);border-radius:12px;background:#fff}.shop-search-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}.shop-search-row .fg{flex:1 1;margin:0}.shop-qr-btn{height:42px;white-space:nowrap;padding:0 14px}@media (max-width:640px){.shop-search-row{flex-direction:column;align-items:stretch}.shop-qr-btn{width:100%}}.shop-picked{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--blue-pale)}.shop-search-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);background:#fff;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font:inherit}.shop-search-item:last-child{border-bottom:none}.shop-search-item.sel,.shop-search-item:hover{background:var(--blue-pale)}.shop-search-name{font-size:13px;font-weight:800;color:var(--navy)}.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}@media (min-width:900px){.prod-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.pb{border:2px solid var(--border);border-radius:14px;padding:12px 8px 10px;text-align:center;background:#fff;width:100%;font:inherit;flex-direction:column;gap:2px}.pb,.pb-icon{display:flex;align-items:center}.pb-icon{margin-bottom:4px;justify-content:center;min-height:56px}.pb-icon .sku-mark-img{border-radius:10px}.pb-name{font-size:13px;font-weight:800;color:var(--navy);line-height:1.2}.pb-price{font-size:11px;color:var(--orange);font-weight:700;margin-top:2px}.pb-stock{font-size:10px;font-weight:700;color:var(--text2);margin-top:4px;background:var(--bg);border-radius:999px;padding:2px 8px}.pb-qty{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.pb-qty .qty-btn{width:32px;height:32px;border-radius:8px;font-size:18px}.pb-qty .qty-val{font-size:16px;min-width:24px}.pb.on{border-color:var(--orange);background:var(--orange-pale)}.receipt-history{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}.receipt-history-row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff}.receipt-history-main{min-width:0}.receipt-history-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.receipt-history-actions{display:flex;gap:6px}.prod-action{border:1.5px solid var(--border);border-radius:14px;padding:12px;background:var(--bg);display:flex;flex-direction:column;gap:12px}.prod-action-meta{display:flex;align-items:center;gap:10px}.prod-action-name{font-size:15px;font-weight:800;color:var(--navy)}.prod-action-sub{font-size:12px;font-weight:700;color:var(--orange);margin-top:2px}.qty-row{gap:14px;margin:0}.qty-btn,.qty-row{display:flex;align-items:center;justify-content:center}.qty-btn{width:48px;height:48px;border-radius:12px;border:2px solid var(--border);background:#fff;font-size:22px;font-weight:700;cursor:pointer;transition:.15s;color:var(--navy);-webkit-tap-highlight-color:transparent}.qty-btn:active,.qty-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-pale)}.qty-val{font-size:28px;font-weight:900;color:var(--navy);min-width:48px;text-align:center;line-height:1}.pay-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:12px}.pay-btn{border:2px solid var(--border);border-radius:10px;padding:12px 6px;text-align:center;cursor:pointer;transition:.18s;background:#fff}.pay-btn .pi{font-size:20px;margin-bottom:3px}.pay-btn .pn{font-size:12px;font-weight:800;color:var(--navy)}.pay-btn.psel-cash{border-color:var(--green);background:var(--green-pale)}.pay-btn.psel-cheque{border-color:var(--blue);background:var(--blue-pale)}.pay-btn.psel-transfer{border-color:var(--teal);background:var(--teal-pale)}.pay-btn.psel-credit{border-color:var(--purple);background:var(--purple-pale)}.ol{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.ol:last-child{border-bottom:none}.ol-l{gap:9px}.ol-ico,.ol-l{display:flex;align-items:center}.ol-ico{font-size:20px;justify-content:center;flex-shrink:0}.ol-name{font-size:13px;font-weight:700;color:var(--navy)}.ol-qty{font-size:11px;color:var(--text2)}.ol-price{font-size:13px;font-weight:800;color:var(--orange)}.ol-del{background:none;border:none;cursor:pointer;color:var(--red);padding:3px;font-size:14px}.tot-row{display:flex;justify-content:space-between;padding:8px 0}.tot-row .tl{font-size:13px;color:var(--text2);font-weight:600}.tot-row .tv{font-size:13px;font-weight:800;color:var(--navy)}.tot-row.big{padding-top:12px;border-top:2px solid var(--border)}.tot-row.big .tl{font-size:16px;font-weight:800;color:var(--navy)}.tot-row.big .tv{font-size:20px;font-weight:900;color:var(--orange)}.cash-break{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.cash-break-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text2)}.cash-break-row strong{font-weight:800;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cash-break-row.bal{padding-top:8px;margin-top:2px;border-top:1.5px dashed var(--border);font-size:14px;color:var(--navy)}.cash-break-row.bal strong{font-size:16px;font-weight:900;color:var(--green)}.cash-break-row.bal.short strong{color:var(--red,#DC2626)}.recon-table{width:100%;border-collapse:collapse;margin-bottom:8px}.recon-table th{font-size:11px;font-weight:800;color:var(--text2);text-align:left;padding:8px 6px;border-bottom:1.5px solid var(--border);text-transform:uppercase;letter-spacing:.02em}.recon-table td{padding:8px 6px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--navy);vertical-align:middle}.recon-table tr:last-child td{border-bottom:none}.recon-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recon-table input.fi{padding:7px 8px;text-align:right}.recon-sku{display:flex;align-items:center;gap:8px;font-weight:800}.recon-due{color:var(--red);font-weight:800}.recon-ok{color:var(--green);font-weight:800}.recon-locked{background:var(--green);color:#fff;cursor:default;opacity:1}.recon-locked:disabled{opacity:1}.recon-excess{color:var(--orange);font-weight:800}.hi{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);cursor:pointer}.hi:last-child{border-bottom:none}.hi-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hi-info{flex:1 1}.hi-shop{font-size:13px;font-weight:700;color:var(--navy)}.hi-detail{font-size:11px;color:var(--text2);margin-top:1px}.hi-r{text-align:right}.hi-amt{font-size:13px;font-weight:800}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.fc{background:var(--card);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);border-top:4px solid var(--orange);transition:.2s;overflow:hidden}.fc:hover{box-shadow:var(--shadow-md)}.fc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px}.fc-head-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.fc-plate{font-size:18px;font-weight:900;color:var(--navy);font-family:JetBrains Mono,monospace}.fc-model{font-size:12px;color:var(--text2);margin-top:2px}.fc-rows{margin:12px 0}.fc-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--bg2)}.fc-row:last-child{border-bottom:none}.fc-rk{font-size:12px;color:var(--text2);font-weight:600}.fc-rv{font-size:13px;font-weight:800;color:var(--navy)}.fc-stock{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:12px}.fcs{background:var(--bg);border-radius:9px;padding:10px;text-align:center}.fcs-v{font-size:18px;font-weight:900}.fcs-l{font-size:10px;color:var(--text2);font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.fc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.fc-actions .btn{flex:1 1 auto;min-width:0}.fc-actions .fc-purge{flex:1 1 100%}.oc{background:var(--orange-pale);border-radius:12px;padding:14px 16px;border-left:4px solid var(--orange);margin-bottom:12px}.oc-head{display:flex;justify-content:space-between;align-items:flex-start}.oc-shop{font-size:14px;font-weight:800;color:var(--navy)}.oc-meta{font-size:11px;color:var(--text2);margin-top:2px}.oc-amt{font-size:22px;font-weight:900;color:var(--orange);margin-top:6px}.guard-trip{background:var(--card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);margin-bottom:14px}.gt-truck{gap:14px;margin-bottom:16px}.gt-truck,.gt-truck-icon{display:flex;align-items:center}.gt-truck-icon{width:64px;height:64px;background:var(--navy);border-radius:12px;justify-content:center;font-size:32px;flex-shrink:0}.gt-plate{font-size:20px;font-weight:900;color:var(--navy);font-family:JetBrains Mono,monospace}.gt-info{font-size:12px;color:var(--text2);margin-top:3px}.btn-depart{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:none;border-radius:11px;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:14px;cursor:pointer;width:100%;transition:.2s;box-shadow:0 4px 16px rgba(37,99,235,.3)}.btn-depart:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.btn-arrive{background:var(--navy);color:#fff;border:none;border-radius:11px;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:14px;cursor:pointer;width:100%;transition:.2s}.btn-arrive:hover{background:var(--navy-mid)}.info-box{background:var(--yellow-pale);border-radius:10px;padding:10px 14px;font-size:12px;color:#92400E;font-weight:600;margin:10px 0;display:flex;align-items:flex-start;gap:8px}.info-box.blue{background:var(--blue-pale);color:#1E40AF}.info-box.red{background:var(--red-pale);color:var(--red)}.info-box.green{background:var(--green-pale);color:var(--green)}.audit-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.audit-row:last-child{border-bottom:none}.audit-time{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text2);white-space:nowrap;padding-top:2px}.audit-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.audit-action{font-size:13px;font-weight:700;color:var(--navy)}.audit-detail{color:var(--text2)}.audit-by,.audit-detail{font-size:11px;margin-top:1px}.audit-by{color:var(--text3)}.tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg2);border-radius:10px;padding:4px}.tab{flex:1 1;text-align:center;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s;color:var(--text2);border:none;background:transparent}.tab.active{background:#fff;color:var(--navy);box-shadow:var(--shadow)}.mob-content{flex:1 1;overflow-y:auto;padding:14px 14px 0;width:100%;max-width:980px;margin:0 auto}.bnav{background:#fff;border-top:1px solid var(--border);padding:8px 0 env(safe-area-inset-bottom,14px);position:-webkit-sticky;position:sticky;bottom:0;box-shadow:0 -4px 16px rgba(0,0,0,.07)}.bn,.bnav{display:flex}.bn{flex:1 1;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px;border:none;background:transparent}.bn-ico{font-size:20px}.bn-lbl{font-size:9px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}.bn.active .bn-lbl{color:var(--orange)}.greet-card{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:16px;padding:16px 20px;margin-bottom:14px}.greet-card h2{font-size:17px;font-weight:900}.greet-card p{font-size:12px;opacity:.85;margin-top:3px}.stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.stat{background:#fff;border-radius:12px;padding:12px;text-align:center;box-shadow:var(--shadow)}.stat-v{font-size:17px;font-weight:900;color:var(--navy)}.stat-l{font-size:10px;color:var(--text2);font-weight:700;text-transform:uppercase;margin-top:2px}.sku-stock{padding:12px 0;border-bottom:1px solid var(--border)}.sku-stock:last-child{border-bottom:none}.sku-stock-hd{justify-content:space-between;gap:8px;margin-bottom:8px}.sku-stock-hd,.sku-stock-name{display:flex;align-items:center}.sku-stock-name{font-size:13px;font-weight:800;color:var(--navy);gap:10px}.sku-stock-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.sku-stock-grid .fcs{padding:8px 4px}.staff-picks{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow:auto;border:1.5px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff}.staff-pick{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer}.staff-pick input{width:16px;height:16px;accent-color:var(--orange)}.trip-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 12px;gap:8px 12px;margin-top:8px}.trip-meta div{font-size:12px;color:var(--text2);font-weight:600}.trip-meta strong{display:block;color:var(--navy);font-size:13px;font-weight:800;margin-top:2px}.overlay{display:none;position:fixed;inset:0;background:rgba(15,33,55,.6);z-index:500;justify-content:center;align-items:flex-start;padding:40px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.open{display:flex}.modal{background:#fff;border-radius:20px;padding:24px;width:540px;max-width:100%;box-shadow:0 30px 80px rgba(0,0,0,.4)}.modal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:16px;font-weight:800;color:var(--navy)}.modal-close{background:var(--bg2);border:none;width:28px;height:28px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.modal-actions .btn{min-width:120px}.order-confirm-shop{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.order-confirm-shop .oc-label,.receipt-meta span{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.03em;display:block}.order-confirm-shop .oc-value{font-size:15px;font-weight:800;color:var(--navy);margin-top:2px}.receipt-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;background:var(--bg);border-radius:12px;border:1.5px solid var(--border)}.receipt-meta strong{font-size:14px;font-weight:800;word-break:break-word}.order-receipt .ol{padding:8px 0}.qr-box{background:var(--bg);border-radius:14px;padding:24px;text-align:center}.qr-visual{width:130px;height:130px;background:#fff;border:3px solid var(--navy);border-radius:12px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:72px;box-shadow:var(--shadow)}.qr-visual-img{padding:6px;font-size:inherit}.qr-visual-img img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}.qr-id{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--navy)}.qr-id,.toast{font-weight:700}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--blue);color:#fff;padding:11px 22px;border-radius:50px;font-size:13px;box-shadow:var(--shadow-md);transition:transform .38s cubic-bezier(.34,1.56,.64,1);z-index:9999;white-space:nowrap;pointer-events:none}.toast.show{transform:translateX(-50%) translateY(0)}.toast.ok{background:var(--green)}.toast.warn{background:var(--yellow)}.toast.err{background:var(--red)}.toast-confirm{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(120px);display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));background:var(--blue);color:#fff;padding:12px 14px 12px 18px;border-radius:16px;font-weight:700;font-size:13px;box-shadow:var(--shadow-md);transition:transform .38s cubic-bezier(.34,1.56,.64,1);z-index:10000;pointer-events:none;opacity:0}.toast-confirm.show{transform:translateX(-50%) translateY(0);pointer-events:auto;opacity:1}.toast-confirm.ok{background:var(--green)}.toast-confirm.warn{background:var(--yellow);color:var(--navy)}.toast-confirm.err{background:var(--red)}.toast-confirm-msg{flex:1 1;line-height:1.35;white-space:normal}.toast-confirm-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.toast-confirm-cancel{background:rgba(255,255,255,.22)!important;color:inherit!important;border:none!important}.toast-confirm-ok{background:#fff!important;color:var(--blue)!important;border:none!important}.toast-confirm.err .toast-confirm-ok,.toast-confirm.ok .toast-confirm-ok{background:#fff!important;color:var(--navy)!important}.toast-confirm.warn .toast-confirm-cancel{background:rgba(15,40,71,.12)!important;color:var(--navy)!important}.toast-confirm.warn .toast-confirm-ok{background:var(--navy)!important;color:#fff!important}.credit-meter{background:var(--bg);border-radius:10px;padding:12px 14px;margin-bottom:12px}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cm-label{font-size:12px;font-weight:700;color:var(--text2)}.cm-values{font-size:12px;font-weight:800;color:var(--navy)}.cm-bar{height:8px;background:var(--border);overflow:hidden}.cm-bar,.cm-fill{border-radius:4px}.cm-fill{height:100%;transition:width .4s}.recon-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.recon-box{background:var(--bg);border-radius:10px;padding:12px 14px}.recon-label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.recon-val{font-size:18px;font-weight:900;color:var(--navy)}.trip-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:10px;border-left:4px solid var(--navy)}.trip-card.today{border-left-color:var(--orange)}.trip-card.pending{border-left-color:var(--border2)}.tc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.tc-info{flex:1 1}.tc-plate{font-size:15px;font-weight:900;color:var(--navy);font-family:JetBrains Mono,monospace}.tc-route{font-size:12px;color:var(--text2);margin-top:2px}.tc-date{font-size:11px;font-weight:700;color:var(--text2)}.tc-sku,.tc-staff{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sku-chip{background:var(--bg);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700;color:var(--navy)}.inv-type-tabs{display:flex;gap:6px;margin-bottom:16px}.itt{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:2px solid var(--border);background:#fff;color:var(--text2);transition:.15s}.itt.active{background:var(--navy);color:#fff;border-color:var(--navy)}.inv-row{display:flex;justify-content:space-between;padding:5px 0;font-size:12px}.inv-key{color:var(--text2);font-weight:600}.inv-num{font-weight:800;color:var(--navy)}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 4px 4px}.pager-meta{font-size:12px;font-weight:700;color:var(--text2)}.pager-btns{display:flex;gap:6px;flex-wrap:wrap}.pager-btn{border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer}.pager-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.pager-btn.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pager-btn:disabled{opacity:.4;cursor:default}.err-text{color:var(--red);font-size:12px;font-weight:700;margin-bottom:10px}.sku-mark-img{object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#fff;flex-shrink:0}.sku-mark-emoji{display:inline-flex;align-items:center;justify-content:center;line-height:1}.sku-image-field{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.sku-image-preview{width:88px;height:88px;border-radius:12px;border:1.5px dashed var(--border2);background:var(--blue-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sku-image-preview img{width:100%;height:100%;object-fit:cover}.sku-image-placeholder{font-size:11px;font-weight:700;color:var(--text3)}.sku-image-actions{flex:1 1;min-width:180px}.load-sku-label{display:flex;align-items:flex-start;gap:10px}.load-sku-name{font-size:13px;font-weight:800;color:var(--navy)}.sku-chip{display:inline-flex;align-items:center;gap:6px}.guard-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.guard-stock-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px}.time-with-now{display:flex;gap:8px;align-items:center}.time-with-now .fi{margin-bottom:0;flex:1 1}.time-with-now .btn{flex-shrink:0;height:42px}.receipt-shell{min-height:100vh;background:var(--bg);padding:24px 14px 40px;display:flex;justify-content:center}.receipt-card{width:100%;max-width:560px;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:22px}.receipt-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.receipt-logo{width:56px;height:56px;border-radius:12px;object-fit:cover}.receipt-company{font-size:16px;font-weight:900;color:var(--navy)}.receipt-sub{font-size:12px;color:var(--text2);font-weight:600}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 14px;gap:10px 14px;margin:14px 0 18px}.receipt-meta span{display:block;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--text2)}.receipt-meta strong{display:block;margin-top:2px;font-size:13px;color:var(--navy)}.receipt-lines{width:100%;border-collapse:collapse;margin-bottom:14px}.receipt-lines th{text-align:left;font-size:10px;text-transform:uppercase;color:var(--text2);padding:8px 4px}.receipt-lines td,.receipt-lines th{border-bottom:1px solid var(--border)}.receipt-lines td{padding:10px 4px;font-size:12px;vertical-align:middle}.receipt-item{display:flex;align-items:center;gap:8px}.receipt-item img{width:32px;height:32px;border-radius:8px;object-fit:cover}.receipt-item small{display:block;color:var(--text2);font-size:10px}.receipt-totals{display:flex;flex-direction:column;gap:8px;margin:8px 0 16px}.receipt-totals div{display:flex;justify-content:space-between;font-size:13px}.receipt-totals strong{color:var(--navy)}.receipt-thanks{text-align:center;margin-top:12px;font-size:12px;color:var(--text2);font-weight:700}@media print{.receipt-shell{background:#fff;padding:0}.receipt-card{box-shadow:none;border-radius:0}.receipt-card .btn{display:none}}@media(max-width:640px){.sidebar{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.f-row.c2,.f-row.c3{grid-template-columns:1fr}.main{padding:14px}.two-col{grid-template-columns:1fr}}