:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#222426;background:#f3f4f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f3f4f2;--surface: #ffffff;--surface-strong: #ecefed;--line: rgba(34, 36, 38, .12);--line-strong: rgba(34, 36, 38, .2);--text: #222426;--text-soft: #50565b;--text-muted: #7d858b;--accent: #2f3f46;--accent-strong: #1f2d33;--allowed: #19764b;--denied: #b83f3f;--warning: #9a6b24;--shadow: 0 18px 44px rgba(31, 45, 51, .1)}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.66}.auth-shell,.tenant-shell,.kiosk-shell{min-height:100vh;padding:32px}.auth-shell{display:grid;place-items:center}.auth-panel{width:min(456px,100%);padding:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.brand-row{display:flex;align-items:center;gap:16px}.brand-row.compact h1{font-size:24px}.logo-mark{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:8px;color:var(--accent-strong);background:var(--surface)}.logo-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.eyebrow{margin:0 0 5px;color:var(--text-muted);font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:34px;line-height:1.05;letter-spacing:0}.auth-copy{margin:28px 0 32px;color:var(--text-soft);font-size:16px;line-height:1.55}.auth-form{display:grid;gap:12px}.field-label{color:var(--text-soft);font-size:14px;font-weight:750}.input-shell,.manual-form{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.input-shell{height:56px;padding:0 16px;color:var(--text-muted)}.input-shell:focus-within,.manual-form:focus-within{border-color:#2f3f466b;box-shadow:0 0 0 3px #2f3f4614}input{width:100%;border:0;outline:0;color:var(--text);background:transparent}input::placeholder{color:#9ca3a8}.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;font-weight:820}.primary-button{height:56px;margin-top:14px;color:#fff;border:1px solid var(--accent-strong);background:var(--accent-strong)}.ghost-button{min-height:40px;padding:0 14px;color:var(--text-soft);border:1px solid var(--line);background:#ffffffb8}.primary-button:hover,.ghost-button:hover,.icon-button:hover,.tenant-card:hover{border-color:#2f3f4647;background-color:#fff}.ghost-button.danger{color:#9f3838}.icon-button{width:42px;height:42px;color:#fff;border:1px solid var(--accent-strong);background:var(--accent-strong)}.form-error{padding:12px 14px;border:1px solid rgba(228,82,82,.3);border-radius:6px;color:#8f2d2d;background:#b83f3f14}.topbar,.kiosk-header,.kiosk-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.tenant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:min(1000px,100%);margin:52px auto 0}.tenant-card{display:grid;gap:10px;min-height:176px;padding:24px;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.tenant-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:8px;color:var(--text-soft);background:var(--surface-strong)}.tenant-logo{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid var(--line-strong)}.tenant-name{font-size:20px;font-weight:850}.tenant-location,.tenant-id,.muted{color:var(--text-muted)}.tenant-id{overflow-wrap:anywhere;font-size:13px}.empty-state{display:grid;place-items:center;gap:12px;min-height:220px;color:var(--text-soft)}.kiosk-shell{display:grid;grid-template-rows:auto 1fr auto;gap:22px;background:var(--bg)}.kiosk-header{padding-bottom:18px;border-bottom:1px solid var(--line)}.kiosk-brand{display:flex;align-items:center;gap:14px;min-width:0}.kiosk-header h1{font-size:26px}.tenant-context{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:220px;color:var(--text-muted)}.tenant-context p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-context p{grid-column:2;color:var(--text-soft);font-weight:760}.client-logo-mark{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid var(--line);border-radius:8px;color:var(--text-soft);background:var(--surface)}.client-logo-mark img{width:100%;height:100%;object-fit:contain;padding:6px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.time-chip,.terminal-badge{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:6px;color:var(--text-soft);background:#ffffffb8;font-weight:800}.scan-mode-toggle{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:4px;border:1px solid var(--line);border-radius:7px;background:#ffffffb8}.scan-mode-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:104px;min-height:34px;padding:0 12px;border:0;border-radius:5px;color:var(--text-soft);background:transparent;font-size:13px;font-weight:850}.scan-mode-toggle button.active{color:var(--surface);background:var(--accent-strong)}.validation-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:520px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.camera-panel{width:min(430px,100%);margin-top:28px}.camera-frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--line-strong);border-radius:8px;background:#171b1d}.camera-frame video{display:block;width:100%;height:100%;object-fit:cover}.camera-reticle{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:2px solid rgba(255,255,255,.82);border-radius:8px;box-shadow:0 0 0 999px #171b1d38}.camera-status{position:absolute;left:12px;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border-radius:6px;color:#fff;background:#171b1db8;font-size:13px;font-weight:850}.scan-state,.result-block{display:grid;place-items:center;width:min(860px,100%);padding:30px;text-align:center}.scanner-orbit{display:grid;place-items:center;width:136px;height:136px;margin-bottom:28px;border:1px solid var(--line-strong);border-radius:50%;color:var(--text-soft);background:var(--surface-strong)}.scanner-orbit.processing{animation:none}.status-label{margin-bottom:12px;color:var(--text-soft);font-size:18px;font-weight:850}.scan-state h2,.result-block h2{margin-bottom:12px;font-size:clamp(44px,8vw,98px);line-height:.96;letter-spacing:0}.result-block.allowed h2,.result-block.allowed .result-icon{color:var(--allowed)}.result-block.denied h2,.result-block.denied .result-icon{color:var(--denied)}.result-block.error h2,.result-block.error .result-icon{color:var(--warning)}.result-icon{margin-bottom:12px}.member-name{margin:10px 0 8px;color:var(--text);font-size:clamp(26px,4vw,48px);font-weight:850}.kiosk-footer{min-height:56px;color:var(--text-soft);flex-wrap:wrap;padding-top:2px;font-size:14px}.manual-panel{display:flex;align-items:center;gap:10px;margin-left:auto}.manual-form{height:44px;padding-left:12px}.manual-form input{width:160px}@media (max-width: 760px){.auth-shell,.tenant-shell,.kiosk-shell{padding:18px}.auth-panel{padding:24px}.topbar,.kiosk-header,.kiosk-footer,.manual-panel{align-items:stretch;flex-direction:column}.kiosk-brand{align-items:center}.tenant-context p{white-space:normal}.header-actions,.manual-panel,.manual-form,.ghost-button,.time-chip{width:100%}.validation-stage{min-height:460px}}