:root{--accent:#ff5a1f;--text:#1c1c1e;--muted:#6b6b72;color:var(--text);background:#faf7f4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root,.kiosk{height:100%;margin:0}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden}button{font:inherit;min-height:64px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:18px;padding:12px 24px;font-size:1.3rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button:disabled{opacity:.5}input{font:inherit;border:1px solid #c4c4c8;border-radius:14px;padding:12px 16px;font-size:1.6rem}.screen{isolation:isolate;background-position:50%;background-size:cover;flex-direction:column;align-items:center;gap:16px;height:100%;padding:40px 40px 140px;display:flex;position:relative;overflow-y:auto}.screen h1{text-align:center;margin:8px 0;font-size:clamp(2rem,4vw,3.6rem)}.subtitle,.muted{color:var(--muted);text-align:center;margin:0;font-size:1.3rem}.logo{max-width:60%;max-height:120px}.welcome{cursor:pointer;justify-content:center;padding-bottom:40px}.welcome h1{font-size:clamp(2.8rem,7vw,6rem)}.tap{color:var(--accent);font-size:1.8rem;animation:2s ease-in-out infinite breathe}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;width:100%;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.backdrop{object-fit:cover;z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tile{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex;box-shadow:0 2px 14px #0000001a}.tile img{object-fit:contain;background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 50% / 24px 24px;border-radius:10px;width:100%}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.photo{justify-content:center;min-height:200px;padding:8px}.photo img{background:0 0}.placeholder{color:var(--muted)}.search{align-items:center;gap:12px;font-size:1.2rem;display:flex}.search input{letter-spacing:.25em;text-align:center;width:9ch}.empty{color:var(--muted);font-size:1.3rem}.error{color:#c62828;font-size:1.2rem}.ok{color:#2e7d32;font-size:1.3rem;font-weight:600}.nav{background:#ffffffeb;border-top:1px solid #e4e4e7;gap:16px;padding:16px 40px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{flex:1;min-height:80px;font-size:1.5rem}.nav button.active{background:var(--accent);border-color:var(--accent);color:#fff}.modal{z-index:20;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:16px;max-width:min(92vw,720px);max-height:92vh;padding:32px;display:flex;overflow:auto}.qr{width:min(60vw,420px)}.qr svg{width:100%;height:auto}.short-code{gap:10px;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:2.6rem;font-weight:700;display:flex}.short-code span{background:#f4f4f5;border-radius:10px;padding:4px 10px}.preview{border-radius:12px;max-width:100%;max-height:70vh}.row{gap:12px;display:flex}.setup form{flex-direction:column;gap:18px;width:min(90vw,520px);display:flex}.setup label{flex-direction:column;gap:6px;font-size:1.2rem;display:flex}.offline{z-index:30;color:#fff;text-align:center;background:#b71c1c;padding:12px;font-size:1.2rem;position:fixed;top:0;left:0;right:0}.admin-corner{z-index:25;width:72px;height:72px;position:fixed;top:0;left:0}@keyframes breathe{50%{opacity:.45}}.print-card{width:min(92vw,760px)}.print-card .preview{max-height:34vh}.code-boxes{gap:14px;display:flex}.code-boxes span{background:#f4f4f5;border:2px solid #d4d4d8;border-radius:16px;justify-content:center;align-items:center;width:72px;height:88px;font-size:3rem;font-weight:700;display:flex}.code-boxes.pin span{width:40px;height:56px;font-size:2rem}.keypad{grid-template-columns:repeat(3,110px);gap:12px;display:grid}.keypad button{min-height:84px;font-size:2.2rem;font-weight:600}.copies{align-items:center;gap:16px;font-size:1.4rem;display:flex}.copies button{width:72px}button.big{min-width:320px;min-height:84px;font-size:1.7rem}button.close{color:var(--muted);background:0 0;border:none}.center-screen{text-align:center;justify-content:center;padding-bottom:40px}.spinner{border:10px solid #eee;border-top-color:var(--accent);border-radius:50%;width:96px;height:96px;animation:1s linear infinite spin}.staff-alert{z-index:31;color:#fff;text-align:center;background:#e65100;padding:16px;font-size:1.3rem;font-weight:600;position:fixed;top:0;left:0;right:0}@keyframes spin{to{transform:rotate(360deg)}}.offline-note{color:#8a3a00;background:#fff3e0;border-radius:12px;margin:0;padding:10px 14px;font-size:1rem}