*{box-sizing:border-box}body{margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1b2430;background:#f4f6fa;padding-bottom:env(safe-area-inset-bottom)}
header{display:flex;align-items:center;gap:10px;background:#1A2F4C;color:#fff;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}header #who{margin-left:auto;font-size:14px;opacity:.9}
.link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:14px;padding:4px}
nav{display:flex;gap:4px;overflow-x:auto;background:#fff;border-bottom:1px solid #dde3ec;padding:6px;position:sticky;top:0;z-index:5}
nav button{flex:1 0 auto;border:0;background:#eef2f8;border-radius:10px;padding:10px 12px;font-size:15px;cursor:pointer;white-space:nowrap}nav button.on{background:#4A62E2;color:#fff}
main{max-width:1100px;margin:0 auto;padding:12px}
.card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
h2{margin:0 0 10px;font-size:19px}h3{margin:6px 0 8px;font-size:16px}
label{display:block;font-size:13px;color:#4b5563;margin:8px 0 3px}
input,select,textarea{width:100%;font-size:16px;padding:10px;border:1px solid #c9d2df;border-radius:10px;background:#fff}textarea{min-height:60px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 150px}
button.b{border:0;border-radius:10px;padding:12px 16px;font-size:16px;background:#4A62E2;color:#fff;cursor:pointer;min-height:44px}
button.b.sec{background:#e7ebf3;color:#1b2430}button.b.red{background:#c62828}button.b.big{width:100%;font-size:18px;padding:16px}button.b.sm{padding:6px 10px;min-height:34px;font-size:14px}
button:disabled{opacity:.5}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tabs button{border:1px solid #c9d2df;background:#fff;border-radius:20px;padding:8px 12px;font-size:14px;cursor:pointer}
.tabs button.on{background:#1A2F4C;color:#fff;border-color:#1A2F4C}.tabs .n{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:10px;background:#e7ebf3;color:#1b2430;font-size:12px}
.t-expired .n{background:#c62828;color:#fff}.t-m1 .n{background:#ef6c00;color:#fff}.t-m3 .n{background:#f9a825}
table.l{width:100%;border-collapse:collapse;font-size:14px}table.l th,table.l td{padding:8px 6px;border-bottom:1px solid #eef1f5;text-align:left;vertical-align:top}table.l th{font-size:12px;color:#6b7280;font-weight:600}
.pill{display:inline-block;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600}.p-expired{background:#fde2e2;color:#b71c1c}.p-m1{background:#ffe7cc;color:#a14c00}.p-m3{background:#fff4c2;color:#7a5b00}.p-m6{background:#e6f0ff;color:#1e4fa8}.p-later{background:#e5f6ea;color:#1b6b33}
.muted{color:#6b7280;font-size:13px}.err{color:#b71c1c}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#1b2430;color:#fff;padding:12px 18px;border-radius:12px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:92vw;z-index:50;font-size:15px}#toast.show{opacity:.95}#toast.bad{background:#b71c1c}
#modal{position:fixed;inset:0;background:rgba(10,20,40,.7);z-index:40;display:flex;align-items:center;justify-content:center;padding:10px}#modal[hidden]{display:none}
#modal .box{background:#fff;border-radius:16px;padding:16px;width:min(640px,100%);max-height:94vh;overflow:auto}
.cam{position:relative;background:#000;border-radius:12px;overflow:hidden}.cam video{width:100%;display:block;max-height:60vh;object-fit:cover}
.cam .frame{position:absolute;left:50%;top:50%;width:min(60%,260px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 0 0 2000px rgba(0,0,0,.25)}
.cam .frame.hit{border-color:#2ecc71}
.scanbox{font-size:18px;padding:14px;border:2px dashed #4A62E2}
.mobile-cards td[data-l]::before{content:attr(data-l)": ";color:#6b7280;font-size:12px;display:none}
@media (max-width:700px){table.l.resp thead{display:none}table.l.resp tr{display:block;border-bottom:1px solid #e3e8ef;padding:8px 0}table.l.resp td{display:block;border:0;padding:2px 4px}
 table.l.resp td[data-l]::before{content:attr(data-l)": ";color:#6b7280;font-size:12px}main{padding:8px}}
.chk{width:22px;height:22px}

.qty{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0}.qty .ql{font-size:15px;color:#374151}
.qty button.qb{min-width:52px;min-height:52px;font-size:26px;line-height:1;padding:0;width:auto}
.qty input.qn{width:84px;min-height:52px;font-size:22px;text-align:center;padding:4px}
.qty button.qs{min-height:52px;padding:0 22px;font-size:17px;width:auto}
tr.qrow td{border-bottom:2px solid #e3e8ef!important;padding-top:0}.lastscan{border-left:5px solid #1A2F4C}

.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.people button.person{min-height:64px;font-size:19px;padding:10px}
#who .pill{font-size:12px}button.link{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px}