:root{color:#10252d;font-synthesis:none;text-rendering:optimizelegibility;--navy:#071d2b;--navy-soft:#12384a;--ink:#10252d;--muted:#63767d;--line:#d8e1df;--paper:#fff;--mist:#eef3f1;--amber:#ffb000;--amber-dark:#d98a00;--green:#0f9f6e;--red:#c74242;--shadow:0 18px 55px #071d2b1a;background:#eef3f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 80% -10%, #ffb0001f, transparent 34rem), var(--mist)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,p{margin-top:0}.eyebrow{color:var(--amber-dark);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:800;display:block}.primary-button,.secondary-button,.success-button,.danger-button{border:0;border-radius:.8rem;min-height:2.8rem;padding:.75rem 1.1rem;font-weight:750;transition:transform .15s,box-shadow .15s}.primary-button{color:var(--navy);background:var(--amber);box-shadow:0 8px 22px #ffb00038}.secondary-button{border:1px solid var(--line);color:var(--ink);background:var(--paper);text-decoration:none}.success-button{color:#fff;background:var(--green)}.danger-button{color:#fff;background:var(--red)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.success-button:hover:not(:disabled),.danger-button:hover:not(:disabled){transform:translateY(-1px)}.small{min-height:2.1rem;padding:.4rem .7rem;font-size:.85rem}.icon-button{color:#fff;background:#ffffff12;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.2rem;display:grid}.icon-button.dark{border-color:var(--line);color:var(--ink);background:#fff}.text-link,.danger-link{color:#1b667f;background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.danger-link{color:var(--red)}label{color:#30474f;gap:.45rem;font-size:.88rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:.72rem;outline:none;padding:.76rem .85rem}input:focus,select:focus,textarea:focus{border-color:#2380a0;box-shadow:0 0 0 3px #2380a024}textarea{resize:vertical}.form-message{color:var(--muted);margin:.8rem 0 0;font-weight:650}.form-message.error,.inline-warning{color:#9f2525}.kiosk-shell{color:#fff;background:radial-gradient(circle at 10% 95%, #0f9f6e33, transparent 24rem), radial-gradient(circle at 95% 0%, #ffb00026, transparent 30rem), var(--navy);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid;position:relative;overflow:hidden}.kiosk-header,.kiosk-footer{z-index:2;justify-content:space-between;align-items:center;padding:clamp(1rem,2vw,1.7rem) clamp(1.2rem,4vw,3.2rem);display:flex}.kiosk-header h1{letter-spacing:.05em;margin:0;font-size:clamp(1.35rem,3vw,2.1rem)}.kiosk-header .eyebrow,.confirmation .eyebrow{color:var(--amber)}.kiosk-status{align-items:center;gap:.75rem;display:flex}.connection{color:#c9d8dc;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:inline-flex}.connection:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.connection.online{color:#4de0aa}.connection.offline{color:#ff8f8f}.keypad-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:1.8rem;place-self:center;width:min(94vw,34rem);padding:clamp(1.1rem,3vw,2rem);box-shadow:0 28px 80px #00000047}.keypad-heading{text-align:center}.keypad-heading h2{margin-bottom:.8rem;font-size:clamp(1.35rem,4vw,2rem)}.code-display{min-height:3.6rem;color:var(--amber);letter-spacing:.22em;background:#0003;border-radius:1rem;place-items:center;margin-bottom:1rem;font-size:clamp(1.35rem,4vw,1.9rem);font-weight:850;display:grid}.keypad{grid-template-columns:repeat(3,1fr);gap:clamp(.55rem,1.5vw,.8rem);display:grid}.keypad button{color:#fff;background:#ffffff17;border:1px solid #ffffff1f;border-radius:1rem;min-height:clamp(3.6rem,8vh,4.8rem);font-size:clamp(1.35rem,4vw,2rem);font-weight:750}.keypad button:active:not(:disabled){background:#ffb0004d;transform:scale(.97)}.keypad .key-action{color:#bcd0d5;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.register-button{width:100%;min-height:3.8rem;margin-top:1rem;font-size:1.08rem}.kiosk-footer{color:#91a8b0;font-size:.78rem}.camera-preview{z-index:1;object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0;transform:scaleX(-1)}.camera-preview.visible{opacity:.28}.confirmation{z-index:2;background:#ffffff14;border:1px solid #ffffff1f;border-radius:2rem;grid-template-columns:auto 1fr minmax(12rem,18rem);place-self:center;align-items:center;gap:clamp(1rem,4vw,2.8rem);width:min(92vw,58rem);padding:clamp(1.3rem,4vw,2.6rem);display:grid;box-shadow:0 28px 80px #00000047}.confirmation img{aspect-ratio:4/3;object-fit:cover;border-radius:1.4rem;width:100%;transform:scaleX(-1)}.confirmation h2{margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,3.3rem)}.mark-time{color:var(--amber);margin-bottom:.5rem;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:800}.success-mark{width:clamp(4rem,8vw,5.5rem);height:clamp(4rem,8vw,5.5rem);color:var(--navy);background:#4de0aa;border-radius:50%;place-items:center;font-size:2.4rem;font-weight:900;display:grid}.setup-shell,.login-shell,.page-loader{background:radial-gradient(circle at 70% 0%, #ffb0002e, transparent 28rem), var(--navy);place-items:center;min-height:100dvh;padding:1.2rem;display:grid}.setup-card,.login-card{width:min(100%,28rem);box-shadow:var(--shadow);background:#fff;border-radius:1.6rem;gap:1rem;padding:clamp(1.5rem,5vw,2.4rem);display:grid}.setup-card>img,.login-card>img{border-radius:.9rem;width:3.5rem}.setup-card h1,.login-card h1{margin-bottom:0}.setup-card p,.login-card p{color:var(--muted);margin-bottom:0}.page-loader{color:#fff;font-weight:700}.admin-shell{grid-template-columns:15.5rem 1fr;min-height:100dvh;display:grid}.admin-sidebar{color:#fff;background:var(--navy);grid-template-rows:auto 1fr auto;height:100dvh;padding:1.4rem;display:grid;position:sticky;top:0}.admin-brand{align-items:center;gap:.8rem;padding-bottom:2rem;display:flex}.admin-brand img{border-radius:.75rem;width:2.8rem}.admin-brand strong,.admin-brand span,.admin-account span,.admin-account small{display:block}.admin-brand span,.admin-account small{color:#91a8b0;font-size:.75rem}.admin-sidebar nav{align-content:start;gap:.35rem;display:grid}.admin-sidebar nav a{color:#bcd0d5;border-radius:.7rem;padding:.76rem .9rem;font-weight:650;text-decoration:none}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#ffffff17}.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--amber)}.admin-account{border-top:1px solid #ffffff1a;padding-top:1rem}.admin-account button{color:var(--amber);background:0 0;border:0;padding:.7rem 0 0;font-size:.8rem;font-weight:700}.admin-content{min-width:0;padding:clamp(1.25rem,3vw,3rem)}.page-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.8rem;display:flex}.page-heading h1{margin-bottom:.35rem;font-size:clamp(1.9rem,4vw,2.8rem)}.page-heading p{max-width:44rem;color:var(--muted);margin-bottom:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem;display:grid}.metric-card,.panel,.checkin-card,.review-card{background:#ffffffe6;border:1px solid #d8e1dfbf;border-radius:1.2rem;box-shadow:0 10px 35px #071d2b0d}.metric-card{padding:1.25rem}.metric-card span{color:var(--muted);margin-bottom:.65rem;font-size:.8rem;font-weight:700;display:block}.metric-card strong{font-size:clamp(1.35rem,3vw,2.1rem)}.metric-card.warning{background:#fff9eb;border-color:#ffb00066}.panel{margin-bottom:1.2rem;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex}.panel-header h2{margin-bottom:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:.9rem 1.15rem}th{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;background:#f8faf9;font-size:.72rem}td{font-size:.9rem}.empty-state{color:var(--muted);text-align:center;padding:2.5rem 1rem}.status-badge{color:#42575e;background:#e9efed;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-in,.status-normal,.status-confirmed_ok{color:#08734f;background:#dcf6ec}.status-out{color:#235d8b;background:#e3f0fb}.status-review,.status-pending,.status-processing{color:#8a5b00;background:#fff1c9}.status-suspicious,.status-confirmed_fraud{color:#a52f2f;background:#fde6e6}.form-panel{padding-bottom:1.25rem}.data-form,.inline-form{padding:0 1.4rem}.form-grid,.filter-grid,.inline-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.file-field{grid-column:span 2}label small{color:var(--muted);font-weight:500}.checkbox-field{align-items:center;gap:.65rem;display:flex}.checkbox-field input{width:1.1rem;height:1.1rem}.form-actions{justify-content:end;gap:.7rem;margin-top:1.2rem;display:flex}.row-actions{white-space:nowrap;justify-content:end;align-items:center;gap:.75rem;display:flex}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.block{margin-top:.25rem;display:block}.filter-panel{padding:1.2rem}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.checkin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.checkin-card{grid-template-columns:10rem 1fr;display:grid;overflow:hidden}.checkin-card>img{object-fit:cover;width:100%;height:100%;min-height:14rem}.checkin-body{padding:1.1rem}.checkin-title,.review-card>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.checkin-title h2{margin-bottom:.2rem;font-size:1.12rem}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:0;display:grid}dt{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:700}dd{margin:.2rem 0 0;font-size:.86rem;font-weight:650}.inline-warning{margin:.8rem 0 0;font-size:.78rem}.review-list{gap:1.2rem;display:grid}.review-card{padding:clamp(1rem,3vw,1.6rem)}.review-card header h2{margin-bottom:.25rem}.review-card header p{color:var(--muted)}.review-score{justify-items:end;display:grid}.review-score strong{margin-top:.4rem;font-size:1.6rem}.review-score span:last-child{color:var(--muted);font-size:.7rem}.photo-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1rem 0;display:grid}.photo-comparison figure{margin:0}.photo-comparison img,.missing-photo{aspect-ratio:4/3;object-fit:cover;background:#e6ecea;border-radius:1rem;width:100%}.missing-photo{color:var(--muted);place-items:center;display:grid}.photo-comparison figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.78rem}.versus{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.review-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.inline-form{grid-template-columns:1fr 1fr auto;align-items:end}.token-reveal{background:#fff8e7;border:1px solid #ffb00080;border-radius:1.2rem;grid-template-columns:1fr minmax(12rem,2fr) auto auto;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1.2rem;display:grid;position:relative}.token-reveal h2,.token-reveal p{margin-bottom:.2rem}.token-reveal p{color:var(--muted);font-size:.82rem}.token-reveal code{text-overflow:ellipsis;background:#fff;border-radius:.6rem;padding:.7rem;overflow:hidden}@media (width<=980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{z-index:10;align-items:center;gap:1rem;height:auto;padding:.8rem 1rem;display:flex;position:static;overflow-x:auto}.admin-brand{flex:none;padding:0}.admin-brand span,.admin-account{display:none}.admin-sidebar nav{flex:none;display:flex}.admin-sidebar nav a{white-space:nowrap}.metric-grid,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkin-grid{grid-template-columns:1fr}.token-reveal{grid-template-columns:1fr auto}.token-reveal code{grid-column:1/-1}}@media (width<=620px){.kiosk-header,.kiosk-footer{padding:.8rem 1rem}.kiosk-status .connection{display:none}.keypad-card{box-shadow:none;background:0 0;border:0;padding:.8rem 1rem}.keypad button{min-height:3.55rem}.confirmation{text-align:left;grid-template-columns:auto 1fr}.confirmation img{grid-column:1/-1;justify-self:center;width:min(100%,18rem)}.admin-content{padding:1rem}.page-heading{flex-direction:column;align-items:stretch}.metric-grid,.form-grid,.filter-grid,.inline-form{grid-template-columns:1fr}.file-field{grid-column:auto}.checkin-card{grid-template-columns:7.5rem 1fr}.checkin-card>img{min-height:100%}.photo-comparison{grid-template-columns:1fr 1fr}.versus{display:none}.review-actions>*{width:100%}.token-reveal{grid-template-columns:1fr auto}}@media (height<=740px) and (width>=700px){.kiosk-header,.kiosk-footer{padding-top:.65rem;padding-bottom:.65rem}.keypad-card{grid-template-columns:1fr 1.45fr;gap:.7rem 1.2rem;width:min(94vw,54rem);display:grid}.keypad-heading,.code-display,.register-button,.keypad-card .form-message{grid-column:1}.keypad{grid-area:1/2/span 5}.keypad button{min-height:3.4rem}}