@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&display=swap");:root{--blue:#286CB4;--blue-mid:#4A88C8;--blue-pale:#EBF4FF;--blue-press:#1F5A99;--ink:#282828;--slate:#4A4A4A;--muted:#8A8A8A;--gray-line:#D8D8D8;--gray-bg:#F5F6F6;--dark-bg:#2D2D2C;--white:#FFFFFF;--canvas:#E5E5E3;--teal:#0EA5B0;--ember:#E07B39;--muted-text:#737373;--teal-ink:#0B7A83;--teal-tint:#E0F5F6;--ember-ink:#A8521A;--ember-tint:#FDF0E8;--danger:#C23B3B;--danger-tint:#FDECEC;--line-soft:#E8E8E6;--font:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--sh-1:0 1px 2px rgba(0,0,0,.06),0 1px 6px rgba(0,0,0,.05);--sh-2:0 4px 16px rgba(0,0,0,.08);--sh-3:0 12px 40px rgba(0,0,0,.14);--focus:0 0 0 3px rgba(40,108,180,.28);--ease:cubic-bezier(.2,.7,.3,1);--t:160ms;--nav-h:64px;--side-w:240px;--rail-w:64px;--content-max:1280px}*,:after,:before{box-sizing:border-box}body,html{margin:0}body{font:400 14px/1.55 var(--font);color:var(--slate);background:var(--gray-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--ink);margin:0;line-height:1.2}.h1{font:700 32px/1.15 var(--font);letter-spacing:-.8px}.h2{font:600 22px/1.25 var(--font);letter-spacing:-.4px}.h3{font:600 16px/1.35 var(--font)}.caption{font:500 12px/1.4 var(--font);color:var(--muted-text)}.label{font:700 10px/1 var(--font);letter-spacing:2.5px;text-transform:uppercase}.label,.mono{color:var(--blue)}.mono{font:400 13px var(--mono)}.num{font-variant-numeric:tabular-nums}a{color:var(--blue)}a:hover{color:var(--blue-press)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}.zi{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.zi.sm{width:16px;height:16px}.zi.lg{width:24px;height:24px}.zi.xl{width:32px;height:32px;stroke-width:1.5}.illus{display:block;height:auto;max-width:100%;object-fit:contain}.illus.s{width:64px}.illus.m{width:96px}.illus.l{width:128px}.illus.xl{width:160px}.btn{--h:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;font:700 13px var(--font);border-radius:var(--r-sm);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--t) var(--ease),border-color var(--t),color var(--t),box-shadow var(--t);text-decoration:none}.btn .zi{width:18px;height:18px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-press);color:#fff}.btn-secondary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-secondary:hover{background:var(--blue-press)}.btn-ghost{background:transparent;color:var(--slate);border-color:var(--gray-line)}.btn-ghost:hover{background:var(--gray-bg);border-color:#C4C4C4}.btn-quiet{background:transparent;color:var(--slate)}.btn-quiet:hover{background:var(--gray-bg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#A83232}.btn:disabled,.btn[aria-disabled=true]{background:var(--gray-bg);color:var(--muted);border-color:var(--gray-line);cursor:not-allowed}.btn-sm{--h:30px;padding:0 12px;font-size:12px}.btn-lg{--h:44px;padding:0 22px;font-size:15px}.btn-xl{--h:64px;padding:0 32px;font-size:18px;border-radius:var(--r-md)}.btn-icon{width:var(--h);padding:0}.btn.loading{pointer-events:none;opacity:.85}.btn.loading:before{content:"";width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:zspin .7s linear infinite}@keyframes zspin{to{transform:rotate(1turn)}}.tag{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--r-pill);font:700 11px var(--font);letter-spacing:.3px;white-space:nowrap}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag.plain:before{display:none}.tag-success,.tag-transit{background:var(--teal-tint);color:var(--teal-ink)}.tag-processing{background:var(--blue-pale);color:var(--blue)}.tag-delayed,.tag-warning{background:var(--ember-tint);color:var(--ember-ink)}.tag-error{background:var(--danger-tint);color:var(--danger)}.tag-archived{background:var(--gray-bg);color:var(--slate)}.count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--blue);color:#fff;font:700 10px var(--font)}.field{display:grid;gap:6px;align-content:start}.field>label{font:600 12px var(--font);color:var(--ink)}.field .hint{font:400 12px var(--font);color:var(--muted-text)}.field .err{font:500 12px var(--font);color:var(--danger);display:flex;gap:6px;align-items:center}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;font:400 14px var(--font);color:var(--ink);background:var(--gray-bg);border:1.5px solid var(--gray-line);border-radius:var(--r-sm);transition:border-color var(--t),background var(--t),box-shadow var(--t)}.textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical}.input::placeholder{color:var(--muted)}.input:hover,.select:hover{border-color:#C4C4C4}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(40,108,180,.12)}.input[aria-invalid=true]{border-color:var(--danger);background:#fff}.input:disabled{color:var(--muted);cursor:not-allowed;background:#EFEFEE}.input.mono{font-family:var(--mono);color:var(--blue)}.input-wrap{position:relative}.input-wrap .zi{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-wrap .input{padding-left:38px}.check{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--ink);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--blue)}.card{background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-1)}.card-pad{padding:24px}.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line-soft)}.card-body{padding:20px 24px}.card-foot{padding:14px 24px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;gap:8px}.section-label{display:flex;align-items:center;gap:12px;font:700 10px var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin:32px 0 16px}.section-label:after{content:"";flex:1;height:1px;background:var(--gray-line)}.divider{height:1px;background:var(--line-soft);border:0;margin:16px 0}.table-wrap{overflow:auto;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh-1)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table th{position:sticky;top:0;background:#FAFAFA;text-align:left;font:700 10px var(--font);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-text);padding:11px 10px;border-bottom:1px solid var(--gray-line);white-space:nowrap}.table td{white-space:nowrap;padding:12px 10px;border-bottom:1px solid var(--line-soft);color:var(--ink);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#F8FAFD}.table .r{text-align:right;font-variant-numeric:tabular-nums}.table td.id{font-family:var(--mono);color:var(--blue);font-size:12.5px}.pager{align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted-text)}.alert,.pager{display:flex;gap:12px;padding:12px 16px}.alert{align-items:flex-start;border-radius:var(--r-md);font-size:13px;border:1px solid}.alert b{color:inherit;display:block;margin-bottom:2px}.alert-info{background:var(--blue-pale);border-color:#CFE2F7;color:#1F5A99}.alert-success{background:var(--teal-tint);border-color:#BFE6E9;color:var(--teal-ink)}.alert-warning{background:var(--ember-tint);border-color:#F6D7C2;color:var(--ember-ink)}.alert-error{background:var(--danger-tint);border-color:#F4C8C8;color:var(--danger)}.state{display:grid;justify-items:center;text-align:center;gap:10px;padding:48px 24px}.state .h3{margin-top:6px}.state p{margin:0;max-width:360px;color:var(--muted-text)}.state .actions{display:flex;gap:8px;margin-top:8px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font:700 12px var(--font);flex:none}.progress{height:6px;border-radius:99px;background:var(--line-soft);overflow:hidden}.progress>i{display:block;height:100%;background:var(--blue);border-radius:inherit;transition:width var(--t) var(--ease)}.topbar{height:var(--nav-h);background:#fff;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:20}.topbar .logo{height:32px;width:auto}.topbar .spacer{flex:1}.page{max-width:var(--content-max);margin:0 auto;padding:24px}.grid,.stack{display:grid;gap:16px}.grid>*,.stack,.stack>*{min-width:0}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.input-lg{height:44px;font-size:14.5px}.status-panel{border-radius:var(--r-md);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid}.status-panel .s-label{font:600 12px var(--font)}.status-panel .big{font:700 24px/1.1 var(--font);letter-spacing:-.4px}.status-ready{background:#fff;border-color:var(--gray-line);color:var(--muted-text)}.status-ok{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-ink)}.status-err{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}.bag-scanner-grid{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:16px;align-items:start;width:100%;max-width:1100px;margin:0 auto}@media (max-width:640px){.page{padding:16px}.topbar{padding:0 16px;gap:10px}.card-body,.card-head{padding-left:16px;padding-right:16px}}@media (max-width:860px){.bag-scanner-grid{grid-template-columns:minmax(0,1fr)}}