:root{--ink:#17313a;--muted:#607981;--line:#d6e3e5;--brand:#156d70;--soft:#eaf4f3;--danger:#b63b32;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f3f7f7;font-synthesis:none}
.steps{display:flex;gap:8px;margin:0 0 14px}.steps button{flex:1;padding:12px 8px}.steps button.active{background:var(--brand);color:white;border-color:var(--brand)}.sound{margin-bottom:14px}.spaced{margin-top:14px}.photo-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:12px auto;border:1px solid var(--line);border-radius:8px}.internal-number{display:block;font:700 clamp(16px,4.6vw,25px) ui-monospace,monospace;overflow-wrap:anywhere;background:var(--soft);padding:16px 8px;margin:12px 0;border-radius:8px;user-select:all;text-align:center}.draft-list button{display:block;width:100%;margin:8px 0;text-align:left;overflow-wrap:anywhere}.photo-link{display:block;margin-top:4px}.manager .code-input{width:140px;font-family:monospace}.manager td.wrap{white-space:normal;min-width:200px}
.scan-feedback{padding:10px;border-radius:8px;background:var(--soft);font-size:14px;min-height:42px}.scan-feedback.error{background:#fff0ed;color:#a32019;border:2px solid #bc332a}.invalid-scan{border:3px solid #bc332a!important}.scan-alert{position:fixed;inset:0;z-index:10;background:#3b0a0bc9;display:grid;place-items:center;padding:12px;overflow:auto}.scan-alert-card{width:min(520px,100%);max-height:calc(100dvh - 24px);overflow:auto;border:4px solid #bc332a;border-radius:14px;background:#fff9f8;padding:20px;color:#6c201a}.scan-alert-card h2{font-size:26px;margin-top:8px}.scan-alert-card strong{display:block;font-size:20px;overflow-wrap:anywhere}.scan-alert-card ol{padding-left:22px}.scan-alert-card button{margin-top:10px}.alert-symbol{display:inline-grid;place-items:center;background:#bc332a;color:white;width:42px;height:42px;border-radius:50%;font-size:28px;font-weight:900}.scan-row.exception{border-left:4px solid #bc332a;padding-left:8px}.scan-row .row{flex-shrink:0}.scan-alert-card p{font-weight:700}body.scan-alert-open{overflow:hidden}#scanForm{margin-top:12px}
*{box-sizing:border-box}body{margin:0;line-height:1.5}main{max-width:620px;margin:auto;padding:16px 14px 120px}body.manager main{max-width:1160px;padding-bottom:40px}header{padding:10px 0 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}h1{font-size:24px;margin:3px 0}h2{font-size:18px;margin:0 0 12px}p{margin:8px 0}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:800;color:var(--brand)}.muted,small{color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}label{display:block;font-size:14px;font-weight:700;margin-bottom:12px}input,select,button{font:inherit}input,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #aebfc3;border-radius:8px;background:white;color:var(--ink);min-height:48px;font-size:16px}input:focus,select:focus,button:focus-visible{outline:3px solid #8cc9c7;outline-offset:2px}button,.button{display:inline-block;cursor:pointer;min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);padding:10px 16px;text-decoration:none;text-align:center;font-weight:700}button.primary{color:white;background:var(--brand);border-color:var(--brand)}button:disabled{opacity:.5;cursor:default}.full{width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result{min-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}.result.error{color:var(--danger)}.result.ok{color:var(--brand)}#waybill{font-size:23px;font-weight:700;letter-spacing:.6px;min-height:58px}.counter{font-size:32px;font-weight:800;line-height:1.1}.list{max-height:380px;overflow:auto}.scan-row{border-top:1px solid var(--line);padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.scan-row strong{display:block;overflow-wrap:anywhere}.scan-row button{padding:6px 10px;color:var(--danger)}.sticky{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom));z-index:2}.sticky>div{max-width:592px;margin:auto}.badge{display:inline-block;font-size:12px;color:var(--brand);background:var(--soft);padding:4px 8px;border-radius:5px}.metrics{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.metrics>div{flex:1;min-width:125px;background:#f3f7f7;border-radius:8px;padding:12px}.metrics strong{display:block;font-size:28px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);background:#f3f7f7}.warn{color:var(--danger)}.pagination{margin-top:12px;display:flex;align-items:center;gap:12px}.hidden,[hidden]{display:none!important}.login{max-width:430px;margin:40px auto}.history-item{border-top:1px solid var(--line);padding:12px 0}.date-label{font-size:12px;color:var(--muted)}details summary{cursor:pointer;color:var(--muted)}@media(max-width:400px){main{padding:10px 10px 120px}.card{padding:14px}header{padding:8px 0 14px}h1{font-size:22px}.two{grid-template-columns:1fr}header .row{gap:5px}header button{padding:8px 10px}}