:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--primary:#1d4ed8;--primary-ink:#fff;--nav:#0f172a;--nav-text:#cbd5e1;--green:#15803d;--green-bg:#dcfce7;--green-strong:#16a34a;--red:#b91c1c;--red-bg:#fee2e2;--red-strong:#dc2626;--amber:#b45309;--amber-bg:#fef3c7;--blue:#1d4ed8;--blue-bg:#dbeafe;--purple:#7e22ce;--purple-bg:#f3e8ff;--grey:#475569;--grey-bg:#f1f5f9;--radius:10px;--shadow:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:1.45rem}h2{margin:0 0 10px;font-size:1.1rem}h3{margin:0 0 8px;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.nowrap{white-space:nowrap}.shell{background:linear-gradient(to right, var(--nav) 236px, var(--bg) 236px);grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:var(--nav-text);height:100vh;padding:16px 10px;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;align-items:center;gap:8px;padding:4px 10px 14px;font-size:1.05rem;font-weight:700;display:flex}.brand-dot{background:#22c55e;border-radius:50%;width:10px;height:10px}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:12px 10px 4px;font-size:.7rem}.nav a{color:var(--nav-text);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.93rem;display:flex}.nav a:hover{color:#fff;background:#1e293b;text-decoration:none}.nav a.active{color:#fff;background:#1e3a8a}.nav .count{color:#fff;background:#ef4444;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:600}.sidebar-foot{border-top:1px solid #1e293b;margin-top:14px;padding:12px 10px;font-size:.82rem}.main{min-width:0;padding:22px 26px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.topbar,.bottom-nav{display:none}@media (width<=900px){.shell{background:var(--bg);grid-template-columns:1fr}.sidebar{z-index:50;width:82vw;max-width:300px;height:100vh;display:none;position:fixed;inset:0}.sidebar.open{display:block;box-shadow:0 0 0 100vmax #00000073}.topbar{background:var(--nav);color:#fff;z-index:40;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.topbar button{color:#fff;background:0 0;border:1px solid #334155}.main{padding:14px 12px 90px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:40;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:var(--muted);padding:9px 2px;font-size:.75rem}.bottom-nav a.active{color:var(--primary);font-weight:600}.bottom-nav .ico{font-size:1.2rem;display:block}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:14px}.grid{gap:12px;display:grid}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;padding:13px 14px;display:block}a.kpi:hover{border-color:var(--primary);text-decoration:none}.kpi .label{color:var(--muted);font-size:.8rem}.kpi .value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.6rem;font-weight:700}.kpi .sub{color:var(--muted);margin-top:2px;font-size:.75rem}.kpi.warn .value{color:var(--amber)}.kpi.bad .value{color:var(--red)}.section-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin:22px 0 10px;display:flex}.section-title h2{margin:0}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-weight:500;display:inline-flex}button:hover:not(:disabled){border-color:#94a3b8}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}button.success{background:var(--green-strong);color:#fff;border-color:var(--green-strong)}button.danger{background:var(--red-strong);color:#fff;border-color:var(--red-strong)}button.warn{background:var(--amber-bg);color:var(--amber);border-color:#fcd34d}button.ghost{background:0 0}button.small{padding:4px 9px;font-size:.85rem}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:1px;outline:3px solid #93c5fd}input,select,textarea{font:inherit;color:var(--text);background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:0;padding:8px 10px}textarea{width:100%;min-height:70px}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}label.field>span{font-weight:500}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.spacer{flex:1}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filters label.field{min-width:140px}.check{align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 10px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:9px 10px}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f8fafc}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pager{justify-content:flex-end;align-items:center;gap:8px;padding:10px 0;font-size:.88rem;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.76rem;font-weight:600;display:inline-block}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.purple{background:var(--purple-bg);color:var(--purple)}.badge.grey{background:var(--grey-bg);color:var(--grey)}.notice{border:1px solid;border-radius:8px;padding:10px 12px;font-size:.9rem}.notice.info{background:var(--blue-bg);color:#1e3a8a;border-color:#bfdbfe}.notice.warn{background:var(--amber-bg);color:#78350f;border-color:#fde68a}.notice.error{background:var(--red-bg);color:#7f1d1d;border-color:#fecaca}.notice.ok{background:var(--green-bg);color:#14532d;border-color:#bbf7d0}.formula{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:.78rem}.empty{text-align:center;color:var(--muted);padding:30px}.spinner{border:2px solid #cbd5e1;border-top-color:var(--primary);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dialog-backdrop{z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:12px;width:100%;max-width:520px;max-height:92vh;padding:20px;overflow-y:auto;box-shadow:0 20px 50px #00000040}.dialog h2{margin-bottom:6px}.dialog .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog .stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.kv{grid-template-columns:max-content 1fr;gap:4px 14px;font-size:.9rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0;font-weight:500}.scanner{max-width:880px;margin:0 auto}.mode-banner{color:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.mode-banner.dispatch{background:linear-gradient(90deg,#1e3a8a,#1d4ed8)}.mode-banner.rto{background:linear-gradient(90deg,#6b21a8,#9333ea)}.mode-banner .mode-name{letter-spacing:.02em;font-size:1.35rem;font-weight:800}.mode-banner a,.mode-banner button{color:#fff;background:#ffffff14;border-color:#fff6}.scan-input-row{gap:8px;margin-top:14px;display:flex}.scan-input{letter-spacing:.04em;border:3px solid #94a3b8;border-radius:12px;flex:1;padding:14px 16px;font-family:ui-monospace,Menlo,monospace;font-size:1.6rem}.scan-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #bfdbfe}.scan-input-row button{padding:0 18px;font-size:1.05rem}.focus-warning{margin-top:8px}.result{border:3px solid #0000;border-radius:14px;align-items:center;gap:18px;min-height:172px;margin-top:14px;padding:22px;display:flex}.result .icon{border-radius:50%;flex:0 0 82px;justify-content:center;align-items:center;width:82px;height:82px;font-size:4rem;font-weight:900;line-height:1;display:flex}.result .title{font-size:1.7rem;font-weight:800}.result .detail{margin-top:4px;font-size:1.05rem}.result .big-awb{font-family:ui-monospace,Menlo,monospace;font-size:1.25rem;font-weight:700}.result.idle{background:var(--surface);color:var(--muted);text-align:center;border:3px dashed #cbd5e1;justify-content:center}.result.success{color:#fff;background:#16a34a}.result.success .icon{color:#16a34a;background:#fff}.result.error{color:#fff;background:#dc2626}.result.error .icon{color:#dc2626;background:#fff}.result.duplicate{color:#fff;background:#b91c1c;border-style:dashed;border-color:#fbbf24}.result.duplicate .icon{color:#7f1d1d;background:#fbbf24}.result.pending{color:var(--text);background:#e2e8f0}.result.unconfirmed{color:#1c1917;background:#f59e0b}.result.unconfirmed .icon{color:#f59e0b;background:#1c1917}.result .actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.result .actions button{color:#111;background:#fffffff2;border:0}.session-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.session-stats div{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:8px}.session-stats b{font-size:1.4rem;display:block}.recent-scans td{font-size:.85rem}.camera-box{background:#000;border-radius:12px;margin-top:12px;position:relative;overflow:hidden}.camera-box video{object-fit:cover;width:100%;max-height:360px;display:block}.camera-box .aim{pointer-events:none;border:3px solid #22c55e;border-radius:8px;height:20%;position:absolute;top:40%;left:10%;right:10%}@media (width<=600px){.scan-input{font-size:1.25rem}.result{min-height:140px;padding:16px}.result .icon{flex-basis:58px;width:58px;height:58px;font-size:2.6rem}.result .title{font-size:1.3rem}.session-stats{grid-template-columns:repeat(2,1fr)}}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:3px solid var(--border);padding:0 0 14px 14px;position:relative}.timeline li:before{content:"";background:var(--primary);border-radius:50%;width:11px;height:11px;position:absolute;top:3px;left:-7px}.timeline li.rejected:before{background:var(--red-strong)}.timeline li.duplicate:before{background:#f59e0b}.reminder{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-left:5px solid #f59e0b;padding:14px}.reminder.paused{background:#f8fafc;border-left-color:#94a3b8}.reminder.rto{border-left-color:#9333ea}.reminder+.reminder{margin-top:12px}.reminder .msg{margin-bottom:8px;font-weight:600}.reminder .facts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;font-size:.86rem;display:grid}.reminder .facts span{color:var(--muted);font-size:.75rem;display:block}.reminder .actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chart svg{width:100%;height:auto;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.login-wrap{background:linear-gradient(160deg,#0f172a,#1e3a8a);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{width:100%;max-width:400px}.login-card form{flex-direction:column;gap:12px;margin-top:14px;display:flex}.steps{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.steps span{background:var(--grey-bg);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.82rem}.steps span.on{background:var(--primary);color:#fff}