:root{color:#172b3a;font-synthesis:none;text-rendering:optimizelegibility;--navy:#0a3556;--navy-soft:#123f58;--blue:#0875b9;--blue-dark:#075b8e;--teal:#0b8d8a;--teal-dark:#0b7774;--teal-light:#7ed2ce;--ink:#172b3a;--muted:#5c7180;--line:#d5e1e7;--paper:#fff;--mist:#eef3f5;--success:#137a50;--success-soft:#e8f7ef;--warning:#9a5b00;--warning-soft:#fff4dd;--danger:#a92b3a;--danger-soft:#ffeaed;--shadow:0 18px 55px #0a35561f;background:#eef3f5;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%, #0875b91a, 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(--teal-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:#fff;background:var(--blue);box-shadow:0 8px 22px #0875b938}.secondary-button{border:1px solid var(--line);color:var(--ink);background:var(--paper);text-decoration:none}.success-button{color:#fff;background:var(--success)}.danger-button{color:#fff;background:var(--danger)}.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:var(--blue-dark);background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.danger-link{color:var(--danger)}label{color:#344e5e;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:var(--blue);box-shadow:0 0 0 3px #0875b924}textarea{resize:vertical}.form-message{color:var(--muted);margin:.8rem 0 0;font-weight:650}.form-message.error,.inline-warning{color:var(--danger)}.form-message.success{color:var(--success)}.kiosk-shell{color:#fff;background:radial-gradient(circle at 10% 95%, #0b8d8a3d, transparent 24rem), radial-gradient(circle at 95% 0%, #0875b93d, 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-brand{align-items:center;gap:clamp(.8rem,2vw,1.3rem);display:flex}.kiosk-brand img{width:clamp(7.4rem,16vw,10.5rem);height:auto}.kiosk-header .eyebrow,.confirmation .eyebrow{color:var(--teal-light)}.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:#9fcfb6}.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(--teal-light);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:#0875b96b;transform:scale(.97)}.keypad .key-action{color:#cbe4ef;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(--teal-light);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:#9fcfb6;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%, #0b8d8a38, transparent 28rem), radial-gradient(circle at 0% 100%, #0875b93d, transparent 30rem), 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{width:min(11rem,72%);height:auto;margin-bottom:.2rem}.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{width:7.4rem;height:auto}.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(--teal-light)}.admin-account{border-top:1px solid #ffffff1a;padding-top:1rem}.admin-account button{color:var(--teal-light);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}.employee-page-actions{flex-wrap:wrap;justify-content:end;gap:.7rem;display:flex}.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:var(--warning-soft);border-color:#9a5b0057}.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:var(--success);background:var(--success-soft)}.status-out{color:var(--blue-dark);background:#e8f5fb}.status-review,.status-pending,.status-processing{color:var(--warning);background:var(--warning-soft)}.status-suspicious,.status-confirmed_fraud{color:var(--danger);background:var(--danger-soft)}.form-panel{padding-bottom:1.25rem}.csv-import-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.csv-import-grid p{margin-bottom:.35rem}.csv-import-grid small{color:var(--muted)}.csv-import-grid .file-field{grid-column:1/-1}.csv-template-link{text-align:center}.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}.reference-photos-field{border:1px solid var(--line);border-radius:1rem;grid-column:1/-1;gap:.8rem;min-width:0;margin:0;padding:1rem;display:grid}.reference-photos-field legend{color:var(--ink);padding:0 .35rem;font-weight:800}.reference-photos-field>p{color:var(--muted);margin-bottom:0;font-size:.82rem}.reference-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.reference-photo-slot{background:#f6f9fa;border-radius:.85rem;align-content:start;gap:.65rem;min-width:0;padding:.75rem;display:grid}.reference-photo-preview{aspect-ratio:4/3;width:100%;color:var(--muted);background:#e9f0f2;border:1px dashed #b8cbd4;border-radius:.75rem;place-items:center;display:grid;overflow:hidden}.reference-photo-preview img{object-fit:cover;width:100%;height:100%}.reference-photo-actions,.reference-photo-links{flex-wrap:wrap;gap:.45rem;display:flex}.reference-photo-actions>*{text-align:center;flex:1}.upload-button{cursor:pointer;place-items:center;display:grid}.upload-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.camera-capture-panel{z-index:100;background:#051a28c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.camera-capture-card{background:#fff;border-radius:1.2rem;width:min(100%,44rem);max-height:calc(100dvh - 2rem);padding:0 1.2rem 1.2rem;overflow-y:auto;box-shadow:0 28px 90px #00000059}.camera-capture-card .panel-header{padding-left:0;padding-right:0}.camera-capture-card h3{margin:0;font-size:1.35rem}.camera-selector{margin-bottom:.8rem}.reference-camera-preview{aspect-ratio:4/3;object-fit:cover;background:var(--navy);border-radius:1rem;width:100%;display:block;transform:scaleX(-1)}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:minmax(0,1.35fr) auto minmax(0,1fr);align-items:start;gap:1rem;margin:1rem 0;display:grid}.photo-comparison figure{margin:0}.review-reference-gallery{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.7rem;display:grid}.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:var(--warning-soft);border:1px solid #9a5b005c;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 img{width:6.2rem}.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-brand img{width:6.4rem}.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}.employee-page-actions>*,.csv-template-link{flex:1}.csv-import-grid{grid-template-columns:1fr}.file-field{grid-column:auto}.reference-photo-grid{grid-template-columns:1fr}.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}}