:root{--green:#0f6755;--deep:#0b2522;--mint:#dff5c9;--paper:#f4f7f5;--line:#d4e0dc;--text:#17332f;--muted:#657772;--amber:#a96b08;--red:#a42f2f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}.topbar{height:72px;padding:0 clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;background:#0c3d35;color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.75rem}.brand .mark{width:44px;height:44px;border-radius:12px;background:var(--mint);color:#0c3d35;display:grid;place-items:center;font-size:1.5rem}.brand>div:last-child{display:flex;flex-direction:column}.brand b{font-size:.65rem;letter-spacing:.18em;color:#9cda7f}.brand strong{line-height:1.05}.brand small{font-size:.67rem;color:#bfd3ce;margin-top:.2rem}.network{font-size:.75rem;border-radius:99px;padding:.4rem .7rem;background:#ffffff15}.network.online{color:#baf29e}.network.offline{color:#f5d6a0}.view{min-height:calc(100dvh - 72px)}.setup-view{max-width:1060px;margin:auto;padding:clamp(1.5rem,5vw,4rem)}.intro{max-width:760px;margin-bottom:2rem}.intro>span,.event-strip>div>span,.dialog-head span{font-size:.7rem;letter-spacing:.16em;font-weight:900;color:#16816d}.intro h1{font:500 clamp(2.2rem,5vw,4.2rem)/1 Georgia,serif;margin:.65rem 0 1rem;letter-spacing:-.04em}.intro p{color:var(--muted);line-height:1.7}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #17332f12;padding:clamp(1rem,4vw,2rem)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:grid;gap:.4rem;font-size:.78rem;font-weight:700}.form-grid input,#manualQr,dialog input{width:100%;height:46px;border:1px solid #bdcec8;border-radius:9px;padding:0 .8rem;background:#fff;color:var(--text)}.form-grid input:focus,#manualQr:focus,dialog input:focus{outline:3px solid #4f9f8e33;border-color:#4f9f8e}.wide{grid-column:1/-1}.primary,.secondary,.danger,.icon-button,#manualSubmit{border:0;border-radius:9px;min-height:44px;padding:.65rem 1rem;font-weight:700;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary,#manualSubmit{background:#e9f0ed;color:var(--text);border:1px solid #cddbd6}.danger{background:#fae5e5;color:#8e2222;border:1px solid #e9bdbd}.pin-box{padding:1rem;border:1px dashed #73968d;border-radius:12px;background:#f0f8f4;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pin-box>div{display:flex;flex-direction:column}.pin-box span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pin-box strong{font:700 2rem ui-monospace,monospace;letter-spacing:.2em}.pin-box small{color:var(--muted)}.kiosk-view{background:var(--deep);color:#fff;display:grid;grid-template-rows:auto 1fr auto}.event-strip{padding:.9rem clamp(1rem,4vw,2.5rem);background:#10312d;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ffffff12}.event-strip h1{font-size:1.15rem;margin:.35rem 0 .2rem}.event-strip p{font-size:.76rem;color:#adc5bf;margin:0}.icon-button{background:#ffffff12;color:inherit;min-width:44px;font-size:1.35rem}.scanner-area{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.camera-prompt{text-align:center;max-width:500px}.scan-frame{width:155px;height:155px;margin:0 auto 1.3rem;border:3px solid #a8e191;border-radius:20px;color:#dff5c9;display:grid;place-items:center;font-size:3rem;box-shadow:0 0 60px #38ac8733 inset;position:relative}.scan-frame:after{content:"";height:2px;position:absolute;left:14px;right:14px;top:50%;background:#e8ffdc;box-shadow:0 0 10px #e8ffdc}.camera-prompt h2{font:500 clamp(1.8rem,5vw,3.2rem) Georgia,serif;margin:.4rem}.camera-prompt p{color:#a9c1bc;line-height:1.6}.camera-prompt .primary{margin-top:.7rem}#reader{display:none;width:min(100%,720px);max-height:calc(100dvh - 250px);overflow:hidden;border-radius:16px;background:#000}#reader.active{display:block}#reader video{object-fit:cover!important;max-height:calc(100dvh - 250px)!important}.manual{width:min(100%,720px);margin-top:.75rem;color:#a8beb9;font-size:.75rem}.manual summary{text-align:center;cursor:pointer}.manual>div{display:flex;gap:.5rem;margin-top:.5rem}.manual input{background:#fff}.local-status{display:grid;grid-template-columns:repeat(3,1fr);background:#091d1a;border-top:1px solid #ffffff12}.local-status>div{text-align:center;padding:.7rem;border-right:1px solid #ffffff12;display:flex;flex-direction:column}.local-status strong{font-size:1.25rem}.local-status span{font-size:.62rem;color:#94ada7;text-transform:uppercase;letter-spacing:.06em}.closed-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.closed-state>div{font-size:4rem;color:#a8e191}.closed-state h2{font:500 2.4rem Georgia,serif;margin:.7rem}.closed-state p{color:#a8beb9;max-width:560px;line-height:1.6}.result-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#0a755cfa;animation:pop .18s ease-out}.result-overlay.duplicate{background:#a66a08fa}.result-overlay.error{background:#9b2929fa}.result-overlay>div{font-size:6rem}.result-overlay strong{font:500 clamp(2.8rem,9vw,6rem) Georgia,serif}.result-overlay span{font-size:clamp(1.2rem,4vw,2rem);margin-top:.7rem;max-width:90%}@keyframes pop{from{opacity:0;transform:scale(.97)}}dialog{border:0;border-radius:18px;padding:0;color:var(--text);box-shadow:0 30px 100px #0005;max-width:min(92vw,520px);width:100%}dialog::backdrop{background:#061b18bb}dialog form,dialog>section{padding:1.5rem}dialog h2{font:500 2rem Georgia,serif;margin:.4rem 0}dialog p{color:var(--muted);line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}#pinError{display:block;color:#a42f2f;margin-top:.6rem}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.2rem 0}.admin-stats>div{background:#eff5f2;border-radius:12px;padding:1rem;display:flex;flex-direction:column}.admin-stats strong{font-size:2rem}.admin-stats span{font-size:.7rem;color:var(--muted);text-transform:uppercase}.admin-actions{display:grid;gap:.65rem}.sync-message{margin-top:1rem;color:var(--muted);font-size:.8rem;line-height:1.5}@media(max-width:650px){.topbar{height:64px;padding:.5rem}.topbar .brand small{display:none}.network{font-size:0}.network:after{content:"●";font-size:.8rem}.view{min-height:calc(100dvh - 64px)}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.pin-box{align-items:flex-start;flex-direction:column}.event-strip{padding:.7rem}.local-status span{font-size:.52rem}.local-status strong{font-size:1.05rem}#reader,#reader video{max-height:calc(100dvh - 220px)!important}}@media(display-mode:fullscreen){.topbar{display:none}.view{min-height:100dvh}#reader,#reader video{max-height:calc(100dvh - 155px)!important}}