:root{--bg:#f4f6f9;--fg:#14202e;--muted:#5b6b7d;--card:#fff;--line:#d5dce5;--brand:#0b3d6b;--brand-fg:#fff;--alt:#1d6b3a;--warn-bg:#fff3cd;--warn-fg:#664d03;--err:#b3261e;--ok:#1a7f37;--chip:#e8eef5;font-family:system-ui,-apple-system,Segoe\ UI,Roboto,sans-serif;font-size:17px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--bg:#0e141b;--fg:#e8eef5;--muted:#9db0c4;--card:#17202b;--line:#2a3745;--brand:#3b82c4;--brand-fg:#04121f;--alt:#3fa566;--warn-bg:#3a2f0a;--warn-fg:#ffe08a;--err:#ff8a80;--ok:#6fd18a;--chip:#223142}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:720px;margin:0 auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom))}main.viewer{max-width:1000px}h1{font-size:1.4rem;margin:8px 0}h2{font-size:1.1rem;margin:18px 0 6px}h3{margin:0;font-size:1.05rem}a{color:var(--brand)}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.back{font-size:1rem}.center{display:grid;place-items:center;min-height:60vh}.muted{color:var(--muted)}.small{font-size:.85rem}.err{color:var(--err)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn-fg);background:var(--warn-bg);padding:1px 6px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);padding:10px 14px;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}button.primary,a.primary{background:var(--brand);color:var(--brand-fg);border-color:var(--brand);font-weight:600}button.secondary{background:transparent}button.big{min-height:56px;font-size:1.1rem}button.full{width:100%;margin-top:14px}button.huge{min-height:120px;font-size:1.8rem;flex:1}button.alt{background:var(--alt);border-color:var(--alt)}button.link{border:0;background:none;color:var(--brand);padding:4px 6px;min-height:0;text-decoration:underline}a.btnlink{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none}.big-buttons{display:flex;gap:14px;margin:14px 0}.row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.field{display:block;margin:12px 0}.field>span{display:block;font-size:.9rem;color:var(--muted);margin-bottom:4px}.field.narrow input{max-width:140px}input,select{font:inherit;width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);min-height:48px}input.ticket{font-size:1.4rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}input.pin{font-size:2rem;text-align:center;letter-spacing:.4em}.toggle{display:flex;gap:10px;align-items:center;margin:12px 0}.toggle input{width:24px;min-height:24px}.gate{max-width:360px;margin:12vh auto;padding:0 16px}.gate h1{text-align:center}.gate button{width:100%;margin-top:12px}.banner{padding:10px 12px;border-radius:10px;margin:10px 0}.banner.warn{background:var(--warn-bg);color:var(--warn-fg)}.asof{color:var(--muted);font-size:.8rem;margin:4px 0}.detect{min-height:28px;margin:4px 0 8px}.chip-btn{border-radius:999px}.chip-btn.sel{background:var(--brand);color:var(--brand-fg);border-color:var(--brand)}.pending{padding:10px 12px;border-radius:10px;background:var(--chip);margin:10px 0}.pending.on{background:var(--warn-bg);color:var(--warn-fg)}.recent{list-style:none;padding:0;margin:0}.recent li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}.chip{display:inline-block;font-size:.8rem;padding:2px 8px;border-radius:999px;background:var(--chip);margin-top:4px}.chip.done{color:var(--ok)}.chip.error{color:var(--err)}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0}.thumb{position:relative;aspect-ratio:1}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}.thumb .x{position:absolute;top:2px;right:2px;min-height:32px;width:32px;padding:0;border-radius:16px;background:#000000a6;color:#fff;border:0}.loads{display:grid;gap:8px}.load{text-align:left;display:grid;gap:2px}.load.sel{outline:3px solid var(--brand)}details{margin:8px 0}.vhead{justify-content:space-between}.vhead h1 a{text-decoration:none;color:inherit}.searchbar{display:flex;gap:8px;margin:12px 0}.searchbar input{flex:1}.resbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.timeline{list-style:none;padding:0;margin:0;border-left:3px solid var(--line)}.timeline li{margin:0 0 14px 14px;position:relative}.timeline li:before{content:"";position:absolute;left:-22px;top:14px;width:12px;height:12px;border-radius:6px;background:var(--brand)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.card.truck{border-left:5px solid var(--alt)}.card.pallet{border-left:5px solid var(--brand)}.card header{display:flex;gap:8px;align-items:center}.card header h3{flex:1}.kind{text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;padding:2px 8px;border-radius:6px;background:var(--chip)}.badge{font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--chip)}.badge.verified{color:var(--ok)}.badge.unmatched{color:var(--err)}.badge.unverified{color:var(--warn-fg);background:var(--warn-bg)}.meta{color:var(--muted);font-size:.9rem;margin:4px 0 8px}.notes{font-style:italic;margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.grid.open{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gp{padding:0;border:0;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:var(--chip)}.gp img{width:100%;height:100%;object-fit:cover}.gp.none{display:grid;place-items:center;font-size:.8rem}.lightbox{position:fixed;inset:0;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;padding:12px}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain}.lbbar{display:flex;gap:10px}footer{margin-top:28px}