:root{--bg:#f5f6f8;--surface:#fff;--ink:#0b1220;--ink-2:#334155;--muted:#6b7686;--line:#e6e9ef;--line-2:#f0f2f6;--brand:#5b5ef4;--brand-2:#4a4de0;--brand-soft:#eef0fe;--confirmed:#b45309;--confirmed-bg:#fff4e6;--dispatched:#047857;--dispatched-bg:#e6f7ef;--danger:#dc2626;--danger-bg:#fdeceb;--r:16px;--r-sm:12px;--sh-1:0 1px 2px rgba(11,18,32,.05);--sh-2:0 4px 16px rgba(11,18,32,.08);--sh-3:0 20px 50px rgba(11,18,32,.22);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:18px 16px 120px}.appbar{background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);padding:0 16px;min-height:58px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:50}.appbar,.appbar-left{display:flex;align-items:center;gap:12px}.appbar-left{min-width:0}.logo{font-weight:700;font-size:17px;letter-spacing:-.03em;white-space:nowrap}.logo span{color:var(--brand)}.role-badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:7px;background:var(--brand-soft);color:var(--brand-2)}.appbar-right{gap:10px}.appbar-right,.avatar{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--line);background:var(--brand-soft);justify-content:center;font-size:12px;font-weight:700;color:var(--brand-2)}.out{background:transparent;border:1px solid var(--line);color:var(--ink-2);border-radius:9px;padding:7px 12px;cursor:pointer;font-size:13px;font-weight:600}.out:active{background:var(--bg)}.top-nav{display:flex;gap:3px}.top-nav a{padding:7px 13px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--muted)}.top-nav a.active{background:var(--ink);color:#fff}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:16px 18px}.stat .num{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat.confirmed .num{color:var(--confirmed)}.stat.dispatched .num{color:var(--dispatched)}.stat.pending .num{color:var(--danger)}.stat .lbl{font-size:12.5px;color:var(--muted);margin-top:7px;font-weight:600;display:flex;align-items:center;gap:5px}.stat .dot-i{width:7px;height:7px;border-radius:50%}.hero{background:linear-gradient(135deg,#171a3a,#2b2f66);border-radius:var(--r);padding:20px;color:#fff;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--sh-2)}.hero-l .hero-lbl{font-size:12.5px;opacity:.7;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hero-l .hero-num{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-top:4px}.hero-l .hero-sub{font-size:13px;opacity:.75;margin-top:2px}.ring{position:relative;width:78px;height:78px;flex-shrink:0}.ring svg{transform:rotate(-90deg)}.ring-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:18px}.seg{display:flex;background:#eceef2;border-radius:11px;padding:3px;gap:2px;margin-bottom:14px}.seg button{flex:1 1;border:none;background:transparent;padding:9px 8px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .18s}.seg button.active{background:#fff;color:var(--ink);box-shadow:var(--sh-1)}.seg .count{font-size:11px;font-weight:800;background:rgba(0,0,0,.07);padding:1px 6px;border-radius:6px}.seg button.active .count{background:var(--brand-soft);color:var(--brand-2)}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted)}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.olist{display:flex;flex-direction:column;gap:10px}.orow{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);padding:14px 16px;display:flex;align-items:center;gap:12px;position:relative}.orow-main{flex:1 1;min-width:0}.orow-id{font-weight:700;font-size:15px;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.orow-sub{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.chip,.orow-sub{white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip.confirmed{background:var(--confirmed-bg);color:var(--confirmed)}.chip.dispatched{background:var(--dispatched-bg);color:var(--dispatched)}.btn{border:none;border-radius:var(--r-sm);padding:12px 18px;font-size:14.5px;font-weight:700;cursor:pointer;background:var(--brand);color:#fff;transition:transform .12s,background .15s}.btn:active{transform:scale(.97)}.btn:hover{background:var(--brand-2)}.btn.big{width:100%;padding:15px;font-size:15.5px}.btn.ghost{background:#fff;color:var(--ink-2);border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:7px 12px;font-size:12.5px;border-radius:9px}.scan-fab{position:fixed;right:18px;bottom:calc(20px + var(--safe-b));height:50px;padding:0 22px;border-radius:999px;background:var(--brand);color:#fff;font-size:14.5px;font-weight:700;border:none;box-shadow:0 8px 22px rgba(91,94,244,.42);cursor:pointer;z-index:60;display:inline-flex;align-items:center;gap:7px;transition:transform .12s}.scan-fab:active{transform:scale(.94)}.sheet-bg{position:fixed;inset:0;background:rgba(6,9,16,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;justify-content:center}@media (min-width:640px){.sheet-bg{align-items:center}}.sheet{width:100%;max-width:460px;background:var(--surface);border-radius:24px 24px 0 0;padding:10px 18px calc(22px + var(--safe-b));box-shadow:var(--sh-3);max-height:92vh;overflow-y:auto;animation:sheetUp .28s cubic-bezier(.32,.72,0,1)}@media (min-width:640px){.sheet{border-radius:22px}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.grabber{width:38px;height:4px;border-radius:999px;background:#d8dce3;margin:4px auto 12px}.sheet-head{display:flex;justify-content:space-between;margin-bottom:3px}.sheet-head h3{margin:0;font-size:19px;letter-spacing:-.02em}.sheet-close{background:#eef0f4;border:none;width:32px;height:32px;border-radius:999px;cursor:pointer;font-size:14px;color:var(--muted)}.sheet-hint{color:var(--muted);font-size:13px;margin:0 0 14px}.cam-wrap{border-radius:16px}#photo-cam,#qr-reader{width:100%}#photo-cam video,#qr-reader video{display:block;width:100%!important}.cam-frame{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.cam-frame i{position:absolute;width:26px;height:26px;border:3px solid hsla(0,0%,100%,.9)}.cam-frame i:first-child{top:16%;left:8%;border-right:0;border-bottom:0;border-radius:8px 0 0 0}.cam-frame i:nth-child(2){top:16%;right:8%;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.cam-frame i:nth-child(3){bottom:16%;left:8%;border-right:0;border-top:0;border-radius:0 0 0 8px}.cam-frame i:nth-child(4){bottom:16%;right:8%;border-left:0;border-top:0;border-radius:0 0 8px 0}.scan-result{margin-top:14px;padding:14px 16px;border-radius:14px;display:flex;align-items:center;gap:12px;animation:pop .22s ease-out}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:none;opacity:1}}.scan-result .ic{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}.scan-result .t{font-weight:700;font-size:14.5px}.scan-result .s{font-size:12.5px;opacity:.85;margin-top:1px}.scan-result.ok{background:var(--dispatched-bg);color:var(--dispatched)}.scan-result.ok .ic{background:var(--dispatched);color:#fff}.scan-result.bad{background:var(--danger-bg);color:var(--danger)}.scan-result.bad .ic{background:var(--danger);color:#fff}.divider{text-align:center;margin:16px 0 12px;position:relative}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.divider span{position:relative;background:#fff;padding:0 12px;color:var(--muted);font-size:12px;font-weight:600}.manual{display:flex;gap:8px}.manual input{flex:1 1;border-radius:var(--r-sm);border:1px solid var(--line);padding:13px;font-size:15px}.manual input:focus{outline:none;border-color:var(--brand)}.sess{display:flex;gap:10px;margin-bottom:12px}.sess div{flex:1 1;text-align:center;background:var(--bg);border-radius:11px;padding:9px}.sess .n{font-size:19px;font-weight:800;line-height:1}.sess .l{font-size:11px;color:var(--muted);margin-top:4px;font-weight:600}.sess .ok-n{color:var(--dispatched)}.sess .bad-n{color:var(--danger)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1200px 500px at 50% -10%,#e9eaff 0,var(--bg) 60%)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-2);padding:30px 26px}.login-logo{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:5px}.login-logo span{color:var(--brand)}.sub{color:var(--muted);margin:0 0 22px;font-size:13.5px}.field{margin-bottom:13px}.field label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px;font-weight:600}.field input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:13px;font-size:15px}.field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.err{color:var(--danger);font-size:13px;margin:4px 0 12px;font-weight:500}.cap-step{text-align:center}.cap-step h2{font-size:20px;margin:0 0 5px;letter-spacing:-.02em}.cap-ring{width:190px;height:190px;border-radius:999px;overflow:hidden;margin:18px auto;background:#0b0d12;border:3px solid var(--brand-soft);position:relative}.cap-ring img,.cap-ring video{width:100%;height:100%;object-fit:cover}.cap-note{font-size:12px;line-height:1.5}.cap-note,.link-btn{color:var(--muted);margin-top:12px}.link-btn{background:none;border:none;font-size:13px;cursor:pointer;text-decoration:underline;font-weight:500}.bars{display:flex;align-items:flex-end;gap:9px;height:175px;margin-top:16px}.bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.bar-total{font-size:11.5px;font-weight:800;color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-stack{width:100%;max-width:46px;display:flex;flex-direction:column-reverse;height:125px;border-radius:8px 8px 0 0;overflow:hidden;background:var(--line-2)}.bar-seg{transition:height .35s cubic-bezier(.32,.72,0,1)}.bar-seg.dispatched{background:var(--dispatched)}.bar-seg.confirmed{background:var(--confirmed)}.bar-lbl{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bar-lbl,.legend{color:var(--muted);font-weight:500}.legend{display:flex;gap:16px;font-size:12px;margin-top:14px;flex-wrap:wrap}.legend .dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-top:16px}.kpi{background:var(--bg);border-radius:12px;padding:12px 14px}.kpi .v{font-size:18px;font-weight:800;letter-spacing:-.02em}.kpi .k{font-size:11.5px;color:var(--muted);margin-top:3px;font-weight:600}.lb{display:flex;flex-direction:column;gap:8px;margin-top:12px}.lb-row{gap:11px}.lb-av,.lb-row{display:flex;align-items:center}.lb-av{width:30px;height:30px;border-radius:999px;background:var(--brand-soft);color:var(--brand-2);justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.lb-name{font-size:13.5px;font-weight:600;flex:1 1;min-width:0}.lb-bar{flex:2 1;height:7px;background:var(--line-2);overflow:hidden}.lb-bar,.lb-bar i{border-radius:999px}.lb-bar i{display:block;height:100%;background:var(--brand)}.lb-n{font-size:13px;font-weight:800;width:30px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-title{font-size:14.5px;font-weight:700;margin:22px 0 11px;letter-spacing:-.01em}.empty{text-align:center;color:var(--muted);padding:40px 14px;font-size:14px}.empty-ic{font-size:30px;margin-bottom:8px;opacity:.4}.menu-wrap{position:relative}.admin-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);min-width:215px;padding:6px;display:flex;flex-direction:column;gap:1px}.admin-menu button{text-align:left;border:none;background:transparent;padding:10px 12px;border-radius:9px;font-size:13.5px;cursor:pointer;color:var(--ink-2);font-weight:600}.admin-menu button:hover{background:var(--bg)}.admin-menu .sep{height:1px;background:var(--line-2);margin:4px 0}.admin-menu button.danger{color:var(--danger)}.admin-menu button.danger:hover{background:var(--danger-bg)}.log-list{display:flex;flex-direction:column;gap:8px}.log-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--sh-1)}.log-photo{object-fit:cover;background:var(--bg);cursor:pointer}.log-ph-ph,.log-photo{width:38px;height:38px;border-radius:10px;flex-shrink:0}.log-ph-ph{background:var(--brand-soft);color:var(--brand-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.log-main{flex:1 1;min-width:0}.log-t{font-size:13.5px;font-weight:600}.log-t b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.log-s{font-size:12px;color:var(--muted);margin-top:2px}.log-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap}.log-badge.dispatched{background:var(--dispatched-bg);color:var(--dispatched)}.log-badge.login{background:var(--brand-soft);color:var(--brand-2)}.log-badge.fail{background:var(--danger-bg);color:var(--danger)}.log-badge.admin{background:var(--confirmed-bg);color:var(--confirmed)}.lightbox{position:fixed;inset:0;z-index:200;background:rgba(6,9,16,.85);display:flex;align-items:center;justify-content:center;padding:24px}.lightbox img{max-width:100%;max-height:80vh;border-radius:16px}@media (max-width:640px){.top-nav a{padding:6px 10px;font-size:12.5px}.stat .num{font-size:26px}.hero-l .hero-num{font-size:34px}}.flash{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:flashFade .6s ease-out forwards}.flash.ok{background:rgba(4,120,87,.92)}.flash.bad{background:rgba(220,38,38,.92)}.flash-ic{width:110px;height:110px;border-radius:999px;background:hsla(0,0%,100%,.22);border:4px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:800;animation:flashPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes flashFade{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes flashPop{0%{transform:scale(.5)}to{transform:scale(1)}}.sound-hint{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);background:var(--bg);border-radius:9px;padding:8px 11px;margin-bottom:12px;font-weight:500}.pw-wrap{position:relative}.pw-wrap input{padding-right:46px;width:100%}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;width:36px;height:36px;border-radius:9px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.pw-eye:active{background:var(--bg)}.check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);margin:4px 0 16px;cursor:pointer;font-weight:500}.check input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.an-head{align-items:center;justify-content:space-between}.an-head,.range{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.range-f{flex:1 1;min-width:140px}.range-f label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:5px;font-weight:600}.range-f input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;font-size:14px;font-family:inherit;background:#fff}.range-f input:focus{outline:none;border-color:var(--brand)}.range-note{font-size:12.5px;color:var(--muted);font-weight:600;padding:8px 0 0}.exports{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-2)}.exports .btn{font-size:13px;padding:10px 14px}.shell{display:flex;min-height:100dvh}.sidebar{width:240px;flex-shrink:0;background:#10142b;color:#cdd2ea;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:22px 14px 18px}.sb-logo{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.03em;padding:0 10px 20px}.sb-logo span{color:#8b8ffb}.sb-tag{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:#6d74a8;margin-top:3px}.sb-nav{display:flex;flex-direction:column;gap:3px;flex:1 1}.sb-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;font-size:14px;font-weight:600;color:#9aa1c9;transition:all .15s}.sb-nav a:hover{background:hsla(0,0%,100%,.05);color:#dfe3f7}.sb-nav a.active{background:#5b5ef4;color:#fff;box-shadow:0 4px 14px rgba(91,94,244,.35)}.sb-ic{font-size:15px;width:20px;text-align:center}.sb-foot{border-top:1px solid hsla(0,0%,100%,.08);padding-top:14px}.sb-user{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0 4px}.sb-user .avatar{border-color:hsla(0,0%,100%,.15);background:rgba(139,143,251,.18);color:#b9bcff}.sb-user-n{font-size:13.5px;font-weight:700;color:#eef0ff}.sb-user-r{font-size:11px;color:#6d74a8;margin-top:1px}.sidebar .out{border-color:hsla(0,0%,100%,.14);color:#cdd2ea;background:transparent}.sidebar .out:active,.sidebar .out:hover{background:hsla(0,0%,100%,.06)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.main-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 26px 0}.main-head h1{font-size:22px;letter-spacing:-.03em;margin:0}.main-actions{display:flex;gap:8px;flex-wrap:wrap}.main-body{padding:18px 26px 110px;max-width:1060px;width:100%}.bottom-nav{display:none}@media (max-width:860px){.sidebar{display:none}.main-head{padding:16px 16px 0}.main-head h1{font-size:20px}.main-body{padding:14px 16px 110px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);padding:6px 8px calc(6px + var(--safe-b));z-index:70}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:11px;font-size:10.5px;font-weight:700;color:var(--muted)}.bottom-nav a.active{color:var(--brand);background:var(--brand-soft)}.bn-ic{font-size:17px}}.date-nav{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;box-shadow:var(--sh-1)}.date-nav button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:15px;color:var(--ink-2)}.date-nav button:disabled{opacity:.35;cursor:not-allowed}.date-nav input{border:none;font-size:14.5px;font-weight:700;font-family:inherit;color:var(--ink);background:transparent;text-align:center;flex:1 1;min-width:0}.date-nav input:focus{outline:none}.toolbar{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap;align-items:center}.search{flex:1 1;min-width:180px;position:relative}.search input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px 11px 38px;font-size:14px;background:var(--surface)}.search input:focus{outline:none;border-color:var(--brand)}.search:before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:17px}.ocard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);padding:15px 16px;display:flex;gap:14px}.ocard-rail{display:flex;flex-direction:column;align-items:center;padding-top:5px;flex-shrink:0}.rail-dot{width:11px;height:11px;border-radius:999px;border:2.5px solid var(--confirmed);background:#fff}.rail-dot.done{border-color:var(--dispatched);background:var(--dispatched)}.rail-line{width:2px;flex:1 1;min-height:18px;background:var(--line);margin:3px 0}.rail-line.done{background:var(--dispatched)}.ocard-body{flex:1 1;min-width:0}.ocard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ocard-id{font-weight:800;font-size:15.5px;letter-spacing:-.01em}.ocard-cust{font-size:12.5px;color:var(--muted);font-weight:500;margin-top:1px}.tl-row{display:flex;align-items:baseline;gap:8px;font-size:13px;padding:3px 0}.tl-when{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tl-what{color:var(--muted);font-weight:500}.dur-badge{font-size:11px;font-weight:800;background:var(--brand-soft);color:var(--brand-2);padding:3px 9px;border-radius:999px;white-space:nowrap}.ocard-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.day-summary{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:12px}.day-summary b{color:var(--ink)}.mstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:0;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:18px}.mstat{padding:20px 22px;border-right:1px solid var(--line-2)}.mstat:last-child{border-right:none}.mstat .k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mstat .v{font-size:34px;font-weight:700;letter-spacing:-.04em;margin-top:8px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mstat .d{font-size:12px;color:var(--muted);margin-top:6px;font-weight:500}.mstat .v.accent{color:var(--dispatched)}.mstat .v.warn{color:var(--confirmed)}.mstat .v.bad{color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:18px}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.panel-h h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em}.panel-h .h-sub{font-size:12px;color:var(--muted);font-weight:500}.panel-b{padding:20px}.panel-b.tight{padding:12px 20px 20px}.pbar{height:6px;background:var(--line-2);overflow:hidden;margin-top:14px}.pbar,.pbar i{border-radius:999px}.pbar i{display:block;height:100%;background:var(--dispatched);transition:width .4s}.mbars{display:flex;align-items:flex-end;gap:6px;height:130px}.mbar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.mbar{width:100%;max-width:34px;border-radius:5px 5px 0 0;background:var(--line-2);display:flex;flex-direction:column-reverse;height:100px;overflow:hidden}.mbar .fill-d{background:#0f172a}.mbar .fill-p{background:#d8dce4}.mbar-l{font-size:10px;color:var(--muted);font-weight:600;white-space:nowrap}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.fl{min-width:0}.fl label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.fl input,.fl select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink)}.fl input:focus,.fl select:focus{outline:none;border-color:var(--brand)}.quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}.quick button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.rsum{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line-2);background:#fafbfc;border-radius:0 0 var(--r) var(--r)}.rsum-l{font-size:13px;color:var(--muted);font-weight:600}.rsum-l b{color:var(--ink);font-size:15px}.rtable-wrap{overflow-x:auto}.rtable{width:100%;border-collapse:collapse;font-size:13.5px}.rtable th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc}.rtable td{padding:12px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap}.rtable tr:last-child td{border-bottom:none}.rtable tr:hover td{background:#fafbfc}.rtable .num-c{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rtable .id-c{font-weight:700}@media (max-width:860px){.mstat{padding:16px;border-right:none;border-bottom:1px solid var(--line-2)}.mstat:last-child{border-bottom:none}.mstat .v{font-size:28px}}.tagx{display:inline-block;margin-left:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:5px;vertical-align:1px}.tagx.ok{background:var(--dispatched-bg);color:var(--dispatched)}.tagx.warn{background:var(--danger-bg);color:var(--danger)}.tagx.porter{background:#f0edff;color:#6d3fd6}.sheet-hint,.sound-hint{display:none}.torch{background:#eef0f4;border:none;width:32px;height:32px;border-radius:999px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.torch.on{background:#fde68a}.cam-frame i:first-child{top:22%;left:5%}.cam-frame i:nth-child(2){top:22%;right:5%}.cam-frame i:nth-child(3){bottom:22%;left:5%}.cam-frame i:nth-child(4){bottom:22%;right:5%}.sheet{padding:8px 14px calc(14px + var(--safe-b))!important;max-height:96dvh;overflow:hidden}.grabber{margin:3px auto 8px}.sheet-head{margin-bottom:10px;align-items:center}.head-l{display:flex;align-items:center;gap:10px}.sheet-head h3{font-size:17px}.pills{display:flex;gap:5px}.pill{min-width:26px;text-align:center;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill.ok{background:var(--dispatched-bg);color:var(--dispatched)}.pill.bad{background:var(--danger-bg);color:var(--danger)}.divider,.sess{display:none!important}.cam-wrap{position:relative;height:min(46dvh,300px);border-radius:14px;overflow:hidden;background:#000}#qr-reader{border:none!important}#qr-reader,#qr-reader video{width:100%!important;height:100%!important}#qr-reader video{object-fit:cover!important}#qr-reader__dashboard,#qr-reader__header_message,#qr-reader__status_span{display:none!important}.cam-wrap .scan-result{position:absolute;left:10px;right:10px;bottom:10px;margin:0;padding:11px 13px;border-radius:12px;box-shadow:var(--sh-2)}.cam-wrap .scan-result .ic{width:30px;height:30px;font-size:15px}.cam-wrap .scan-result .t{font-size:13.5px}.cam-wrap .scan-result .s{font-size:11.5px}.sr-t{min-width:0}.manual{margin-top:10px}.manual input{padding:11px 12px;font-size:14.5px}.manual .btn{padding:11px 16px;font-size:14px}.ocard2{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);overflow:hidden;transition:box-shadow .15s}.ocard2.open{box-shadow:var(--sh-2);border-color:#d7dae4}.oc-head{display:flex;align-items:center;gap:12px;padding:14px 15px;cursor:pointer}.oc-head:active{background:#fafbfc}.oc-main{flex:1 1;min-width:0}.oc-id{font-weight:800;font-size:15px;letter-spacing:-.01em}.oc-sub{font-size:12.5px;color:var(--muted);margin-top:2px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-times{align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-right,.oc-times{display:flex;gap:6px}.oc-right{flex-direction:column;align-items:flex-end;flex-shrink:0}.oc-caret{font-size:9px;color:var(--muted)}.oc-body{border-top:1px solid var(--line-2);padding:14px 15px;background:#fbfcfd}.oc-items{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.oc-item{display:flex;gap:11px;align-items:flex-start}.oc-qty{min-width:34px;height:34px;border-radius:9px;background:var(--brand-soft);color:var(--brand-2);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;flex-shrink:0}.oc-item-t{flex:1 1;min-width:0}.oc-item-name{font-size:13.5px;font-weight:600;line-height:1.35}.oc-item-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:3px;font-weight:500}.oc-item-meta .sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef1f5;color:var(--ink-2);padding:2px 6px;border-radius:5px;font-weight:600}.oc-empty{font-size:12.5px;color:var(--muted);padding:8px 0}.oc-meta{border-top:1px solid var(--line-2);padding-top:12px;display:flex;flex-direction:column;gap:9px}.oc-meta-row{display:flex;align-items:center;gap:10px;font-size:13px}.oc-meta-row .k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-width:78px}.oc-meta-row .v{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oc-meta-row .v a{color:var(--brand);text-decoration:none}.courier{font-size:10.5px;font-weight:700;text-transform:uppercase;background:#eef1f5;color:var(--muted);padding:2px 7px;border-radius:5px}.oc-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line-2);margin-top:12px;padding-top:12px}.danger-btn{color:var(--danger)!important}.danger-btn:hover{background:var(--danger-bg)!important}@media (max-width:860px){.main-head{position:-webkit-sticky;position:sticky;top:0;z-index:45;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);padding:12px 16px;margin-bottom:0}.main-head h1{font-size:19px;font-weight:800}.main-body{padding:14px 16px 96px}.mstats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border:none;background:transparent;gap:10px;padding-bottom:2px}.mstats::-webkit-scrollbar{display:none}.mstat{flex:0 0 44%;min-width:145px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);padding:15px 16px}.mstat .v{font-size:27px;margin-top:6px}.mstat .d{font-size:11.5px}.panel{border-radius:var(--r-sm)}.panel-h{padding:14px 15px}.panel-b{padding:15px}.filters{grid-template-columns:1fr 1fr}.fl input,.fl select{padding:12px 11px;font-size:15px}.rtable-wrap{-webkit-overflow-scrolling:touch}.rtable td,.rtable th{padding:11px 12px}.seg button{padding:11px 8px;font-size:13px}.quick button{padding:8px 14px;font-size:13px}.btn.ghost.btn-sm{padding:9px 13px;font-size:13px}.date-nav button{width:40px;height:40px}.date-nav input{font-size:15px}.main-actions{width:100%}.main-actions .btn{flex:1 1}.main-actions .quick,.main-actions .seg{width:100%}.oc-head{padding:13px 14px}.oc-actions .btn{flex:1 1;min-width:100px}}@media (max-width:420px){.filters{grid-template-columns:1fr}.mstat{flex:0 0 60%}}.oc-thumbs{display:flex;gap:-6px;flex-shrink:0}.oc-thumb{width:40px;height:40px;border-radius:9px;object-fit:cover;border:1.5px solid #fff;box-shadow:var(--sh-1);background:var(--bg);margin-right:-8px}.oc-thumb:last-child{margin-right:0}.oc-thumb.more,.oc-thumb.ph{display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-2);font-size:12px;font-weight:800}.oc-img-wrap{position:relative;flex-shrink:0}.oc-img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--bg);border:1px solid var(--line);display:block}.oc-img-qty{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;border-radius:999px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fbfcfd}.oc-item-name.link{color:var(--brand);text-decoration:none;display:inline-block}.oc-item-name.link:hover{text-decoration:underline}.oc-item-name .ext{font-size:10px;opacity:.6;vertical-align:1px}.install-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-b));z-index:90;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2);padding:11px 12px;display:flex;align-items:center;gap:11px;animation:sheetUp .3s cubic-bezier(.32,.72,0,1)}.install-ic{width:40px;height:40px;border-radius:10px;flex-shrink:0}.install-t{flex:1 1;min-width:0;display:flex;flex-direction:column}.install-t b{font-size:14px}.install-t span{font-size:12px;color:var(--muted)}.install-bar .btn{padding:9px 15px;font-size:13.5px}.install-x{background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px 6px}.splash{position:fixed;inset:0;z-index:500;background:var(--brand);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .3s}.splash.out{opacity:0;pointer-events:none}.splash-logo{display:flex;flex-direction:column;align-items:center;gap:8px}.splash-vc{color:#fff;font-size:30px;font-weight:800;letter-spacing:.06em}.splash-dots{display:flex;gap:7px}.splash-dots i{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.55);animation:splashBounce 1.1s ease-in-out infinite}.splash-dots i:nth-child(2){animation-delay:.16s}.splash-dots i:nth-child(3){animation-delay:.32s}@keyframes splashBounce{0%,80%,to{transform:scale(.7);opacity:.45}40%{transform:scale(1);opacity:1}}.wait-ring{position:relative;width:132px;height:132px;margin:22px auto 8px}.wait-txt{position:absolute;inset:0;align-items:center;font-size:26px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wait-pulse,.wait-txt{display:flex;justify-content:center}.wait-pulse{gap:6px;margin-bottom:6px}.wait-pulse i{width:7px;height:7px;border-radius:50%;background:var(--brand);opacity:.4;animation:splashBounce 1.1s ease-in-out infinite}.wait-pulse i:nth-child(2){animation-delay:.16s}.wait-pulse i:nth-child(3){animation-delay:.32s}.res-ic{width:62px;height:62px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:800;margin:4px auto 16px}.res-ic.bad{background:var(--danger-bg);color:var(--danger)}.res-ic.warn{background:var(--confirmed-bg);color:var(--confirmed)}.appr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);padding:13px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.appr-ring{position:relative;width:52px;height:52px;flex-shrink:0}.appr-secs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.appr-t{flex:1 1;min-width:140px}.appr-name{font-weight:700;font-size:14.5px}.appr-sub{font-size:12px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.appr-sub .tagx{margin-left:0}.appr-act{display:flex;gap:7px;flex-shrink:0}.appr-act .btn{padding:9px 16px}@media (max-width:480px){.appr-act{width:100%}.appr-act .btn{flex:1 1}}.note-bar{background:var(--confirmed-bg);color:var(--confirmed);border-radius:var(--r-sm);padding:11px 14px;font-size:12.5px;font-weight:600;margin-bottom:12px}.odate{display:inline-block;background:var(--danger-bg);color:var(--danger);font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:5px;margin-right:7px}.sheet-bg{align-items:flex-start!important}.sheet{border-radius:0 0 24px 24px!important;margin-top:0!important;padding:calc(8px + env(safe-area-inset-top, 0px)) 14px 16px!important;animation:sheetDown .28s cubic-bezier(.32,.72,0,1)!important}@media (min-width:640px){.sheet-bg{align-items:center!important}.sheet{border-radius:22px!important;margin-top:0!important}}@keyframes sheetDown{0%{transform:translateY(-40px);opacity:0}to{transform:none;opacity:1}}.grabber{order:99;margin:12px auto 0!important}.sheet{display:flex;flex-direction:column}.cam-wrap{height:min(50dvh,340px)}