:root{color:#142f40;font-synthesis:none;--navy:#081e30;--green:#16c77b;--muted:#728691;--line:#dee7eb;background:#f1f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;transition:background .15s,box-shadow .15s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline-offset:4px;outline:3px solid #15885a}button{color:#254958;background:#eaf1f3;border:0;border-radius:10px;padding:11px 16px;font-weight:650}h1,h2,h3,p{margin:0}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{min-height:100svh}.app-shell>header{background:#081e30;justify-content:space-between;align-items:center;gap:24px;min-height:100px;padding:8px max(24px,50vw - 560px);display:flex}.app-shell>header img{width:245px;display:block}.header-meta{text-align:right;color:#9eb7c7;gap:6px;font-size:12px;display:grid}.online{color:#50dc9a}.offline{color:#f2c57b}.workspace{max-width:1168px;margin:0 auto;padding:32px 24px 24px}.checkpoint-head{color:#fff;background:linear-gradient(115deg,#092338,#0d3446);border-radius:20px;justify-content:space-between;align-items:center;gap:28px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0923380a}.checkpoint-head:before{content:"";opacity:.1;pointer-events:none;border:1px solid #54d7a1;border-radius:44%;width:570px;height:540px;position:absolute;top:-190px;right:-100px;box-shadow:0 0 0 22px #184c53,0 0 0 23px #54d7a1,0 0 0 48px #184c53,0 0 0 49px #54d7a1,0 0 0 75px #184c53,0 0 0 76px #54d7a1}.checkpoint-head>div{position:relative}.eyebrow{letter-spacing:.17em;color:#768e9b;font-size:10px;font-weight:750;display:block}.checkpoint-head .eyebrow{color:#64d5a4}.checkpoint-head h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:10px 0 7px;font-size:32px;line-height:1.15}.checkpoint-head p{color:#a8c1cf;font-size:14px}.counts{flex-shrink:0;gap:28px;display:flex}.counts div{min-width:62px}.counts small{color:#9bb6c6;font-size:11px;display:block}.counts strong{letter-spacing:-.05em;margin-top:6px;font-size:32px;font-weight:600;display:block}.counts div:first-child strong{color:#5ce3a8}.workspace-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:22px;margin-top:24px;display:grid}.record-card,.recent{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:28px;box-shadow:0 8px 30px #09233804}.card-heading h2{letter-spacing:-.03em;margin:9px 0 7px;font-size:23px}.card-heading p{color:var(--muted);font-size:14px}.scan-button{color:#fff;background:#0b293b;border:1px solid #164255;border-radius:13px;align-items:center;gap:12px;width:100%;margin:24px 0 0;padding:21px 18px;font-size:16px;display:flex}.scan-button svg{fill:none;stroke:#37db95;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.scan-button span{color:#93b4c5;margin-left:auto;font-size:11px;font-weight:500}.divider{color:#90a0aa;align-items:center;gap:13px;margin:22px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#e8edef;flex:1;height:1px}label{color:#526c7b;margin-bottom:9px;font-size:12px;font-weight:650;display:block}input{color:#16374a;background:#fcfdfd;border:1px solid #cddbe1;border-radius:11px;outline:none;width:100%;min-width:0;padding:16px;font-size:17px;display:block}input::placeholder{color:#97a7b0;font-weight:400}input:focus{border-color:#1bae70;box-shadow:0 0 0 3px #16c77b18}.matches{gap:5px;margin-top:8px;display:grid}.matches button{text-align:left;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.matches b{color:#137d50}.matches small{color:#8096a1;margin-left:auto}.matches p{color:#8c5d26;padding:12px;font-size:13px}.selected{background:#eff9f4;border:1px solid #cce9dc;border-radius:12px;margin-top:18px;padding:18px}.selected .eyebrow{color:#23835b}.selected h2{color:#127f50;margin:8px 0 5px;font-size:24px}.selected h2 span{color:#1c3e33;font-size:19px}.selected p,.selected small{color:#618071;font-size:12px;display:block}.selected .text-button{color:#1b7d53;padding:10px 0 0}.selection-hint{text-align:center;color:#8b9da7;padding:26px 10px;font-size:12px}.actions{grid-template-columns:2fr 1fr;gap:10px;margin-top:16px;display:grid}.actions button{min-height:56px;font-size:16px}.arrived{color:#042f1b;background:#16c77b}.dnf{color:#a84242;background:#fff5f4;border:1px solid #efdbd8}.notice,.error{overflow-wrap:anywhere;border-radius:10px;margin-top:15px;padding:13px 15px;font-size:13px;line-height:1.5}.notice{color:#24744b;background:#eaf7f0}.error{color:#9d4930;background:#fff0eb}.offline-note{color:#81949f;margin-top:20px;font-size:11px;line-height:1.7}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{letter-spacing:-.03em;margin-top:8px;font-size:20px}.section-title button{font-size:12px}.recent-list{max-height:590px;margin-top:16px;overflow:auto}.row{border-bottom:1px solid #ecf1f3;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 0;font-size:12px;display:grid}.row time{color:#8799a4;font-variant-numeric:tabular-nums;font-size:11px}.row div{overflow-wrap:anywhere;gap:5px;display:grid}.row b{font-size:14px}.row span{color:#6e8390}.row strong{color:#258357;background:#eaf8f0;border-radius:7px;padding:6px 9px;font-size:10px}.row.dnf strong{color:#a55044;background:#fff0ed}.row.pending strong{color:#986b28;background:#fff6e5}.row small{margin-top:3px;font-weight:400;display:block}.pending-summary{color:#8b672f;background:#fff9ed;border-radius:9px;justify-content:space-between;gap:10px;margin-top:20px;padding:12px;font-size:11px;display:flex}.empty{text-align:center;color:#8599a6;padding:65px 20px 70px}.empty>span{color:#1dac6e;background:#f1faf6;border:1px solid #d5e6de;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 18px;font-size:22px;display:grid}.empty h3{color:#456172;margin-bottom:8px;font-size:16px}.empty p{font-size:12px;line-height:1.7}.app-shell>footer{color:#8d9da7;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:0 0 26px;font-size:11px;display:flex}.app-shell>footer b{padding:0 8px}.app-shell>footer button{color:#607d8e;background:0 0;font-size:11px}.access-screen{text-align:center;color:#fff;background:radial-gradient(at bottom,#12434b00,#071d2e),#0c2c40;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:32px;display:flex}.access-screen img{width:min(420px,90%);margin-bottom:22px}.access-screen h1{letter-spacing:-.04em;font-size:clamp(24px,4vw,34px)}.access-screen p{color:#a3bdcd;max-width:390px;font-size:15px;line-height:1.7}.access-screen small{color:#6c8c9e;letter-spacing:.16em;text-transform:uppercase;margin-top:40px;font-size:10px}.access-screen .text-button{color:#bad5e2;background:0 0}.scanner-backdrop{z-index:100;background:#020e1ec9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.scanner-dialog{background:#fff;border-radius:22px;width:min(480px,100%);max-height:95svh;padding:24px;overflow:auto;box-shadow:0 25px 80px #0004}.scanner-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.scanner-title h2{margin:8px 0 20px;font-size:24px}.scanner-title button{align-self:start}.viewfinder{aspect-ratio:1;background:#071d2e;border-radius:16px;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%}.scan-frame{pointer-events:none;border:2px solid #2fe49a;border-radius:15px;position:absolute;inset:16%;box-shadow:0 0 0 70px #0003}.viewfinder>span{color:#fff;text-align:center;font-size:13px;position:absolute;inset:45% 0}.scanner-dialog>p{color:#6e8490;margin-top:18px;font-size:13px;line-height:1.6}.scanner-buttons{gap:10px;margin-top:20px;display:flex}.scanner-buttons button{flex:1;font-size:12px}@media (width<=800px){.app-shell>header{min-height:84px;padding:8px 18px}.app-shell>header img{width:200px}.workspace{padding:18px 16px}.checkpoint-head{padding:24px;display:block}.checkpoint-head h1{font-size:27px}.counts{justify-content:space-between;gap:16px;margin-top:23px}.counts strong{font-size:28px}.workspace-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.record-card,.recent{border-radius:16px;padding:22px}.app-shell>footer{padding:0 16px 20px;font-size:9px}.header-meta{font-size:10px}.card-heading h2{font-size:22px}.scan-button{padding:19px 15px;font-size:16px}.scan-button span{font-size:10px}.pending-summary{flex-direction:column;gap:5px}}@media (width<=370px){.app-shell>header img{width:165px}.record-card,.recent{padding:17px}.scan-button span{display:none}.row{grid-template-columns:54px minmax(0,1fr) auto;gap:7px}}