:root{color-scheme:light;--navy:#071d38;--blue:#1769aa;--green:#087a50;--red:#b42335;--gold:#d2a62f;--ink:#132238;--muted:#617088;--line:#d9e1ea;--soft:#eef4f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(145deg,#06182e 0%,#0b3965 58%,#126a83 100%);color:var(--ink);min-height:100vh}.kiosk-shell{width:min(980px,100%);min-height:100vh;margin:auto;padding:clamp(18px,4vw,44px);display:grid;align-content:center;gap:18px}.kiosk-brand{display:flex;align-items:center;gap:14px;color:#fff}.kiosk-mark{width:58px;height:58px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:950;font-size:23px}.kiosk-brand>div:nth-child(2){display:grid;gap:2px}.kiosk-brand strong{font-size:clamp(18px,3vw,26px)}.kiosk-brand span{font-weight:700;color:#d5e6f4}.kiosk-brand time{margin-left:auto;font-size:clamp(20px,4vw,34px);font-weight:900;font-variant-numeric:tabular-nums}.kiosk-card{background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:22px;padding:clamp(22px,5vw,48px);box-shadow:0 24px 70px rgba(1,12,26,.35)}.kiosk-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.kiosk-eyebrow{margin:0 0 6px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kiosk-card h1{margin:0;font-size:clamp(31px,6vw,54px);line-height:1}.kiosk-card p{color:var(--muted);font-size:clamp(15px,2vw,18px);line-height:1.5}.kiosk-private{background:var(--soft);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}.kiosk-form{display:grid;gap:18px;margin-top:26px}.kiosk-form label{display:grid;gap:7px;font-size:14px;font-weight:850}.kiosk-form input,.kiosk-form select{width:100%;min-height:56px;border:2px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff;color:var(--ink);font:inherit;font-size:18px}.kiosk-form input:focus,.kiosk-form select:focus{outline:4px solid rgba(23,105,170,.18);border-color:var(--blue)}.kiosk-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kiosk-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kiosk-actions button,.kiosk-form>button{min-height:64px;border:0;border-radius:13px;color:#fff;font:inherit;font-size:20px;font-weight:950;cursor:pointer}.kiosk-actions .clock-in,.kiosk-form>button{background:var(--green)}.kiosk-actions .clock-out{background:var(--red)}.kiosk-actions button:active,.kiosk-form>button:active{transform:translateY(1px)}.kiosk-alert{border-radius:12px;padding:14px 18px;background:#eaf2fb;color:#113c66;font-weight:800}.kiosk-alert.success{background:#dff6ea;color:#075c3d}.kiosk-alert.warning{background:#fff1c9;color:#714e00}.kiosk-alert.danger{background:#fde4e8;color:#8a1426}.kiosk-empty{padding:24px;border-radius:14px;background:var(--soft);text-align:center}.kiosk-security-note{color:#dceaf6;text-align:center;margin:0;font-weight:650}.kiosk-shell footer{color:#c1d5e5;text-align:center;font-size:12px}.kiosk-enroll-shell{max-width:700px}.kiosk-enroll-shell .kiosk-card h1{font-size:clamp(30px,6vw,48px)}@media(max-width:650px){.kiosk-shell{align-content:start}.kiosk-heading{display:grid}.kiosk-private{justify-self:start}.kiosk-details,.kiosk-actions{grid-template-columns:1fr}.kiosk-brand time{font-size:19px}.kiosk-card{border-radius:17px}}