:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102033;background:#071929;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:1024px;min-height:100vh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.kiosk-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px;padding:28px;background:linear-gradient(130deg,rgba(21,95,142,.16),transparent 34%),linear-gradient(180deg,#edf5fb,#ddeaf3)}.kiosk-shell.exit{background:linear-gradient(130deg,rgba(149,74,35,.16),transparent 34%),linear-gradient(180deg,#f4f0ea,#e8edf1)}.kiosk-shell.provisioning{grid-template-rows:auto minmax(0,1fr) auto}.scan-input{position:fixed;left:12px;bottom:12px;width:1px;height:1px;border:0;padding:0;opacity:.01}.kiosk-header{min-height:96px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:20px 24px;color:#fff;background:#123e63;border-radius:12px;box-shadow:0 16px 36px #10203329}.school-name{font-size:30px;line-height:1.08;font-weight:850}.device-line{margin-top:8px;color:#c8dce9;display:flex;align-items:center;gap:8px;font-size:16px}.mode-badge,.clock-box{min-height:62px;display:flex;align-items:center;gap:12px;border-radius:10px}.mode-badge{padding:0 22px;background:#e4f5ec;color:#146b46;font-weight:850;font-size:20px}.exit .mode-badge{background:#fff0d7;color:#8c4b11}.clock-box{padding:0 18px;background:#ffffff1f;color:#fff}.clock-box strong,.clock-box span{display:block}.clock-box strong{font-size:26px}.clock-box span{color:#c8dce9;font-size:13px}.scan-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,30vw);gap:22px;min-height:0}.primary-scan{min-width:0;display:grid}.student-card{background:#fff;border:1px solid #d8e3ec;border-radius:14px;box-shadow:0 16px 38px #1020331f}.student-card.primary{height:100%;min-height:520px;display:grid;grid-template-columns:minmax(300px,42%) minmax(0,1fr);align-items:center;gap:38px;padding:clamp(32px,5vw,72px)}.student-card.compact{min-height:136px;display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:16px;padding:18px;transform:scale(.8);transform-origin:top right;width:125%;margin-left:-25%}.history-rail{display:grid;align-content:start;gap:12px;overflow:hidden}.history-placeholder{height:109px;display:grid;place-items:center;color:#718196;background:#ffffff8c;border:1px dashed #bdd0df;border-radius:12px}.photo-frame,.avatar{display:grid;place-items:center;overflow:hidden;background:#e5f0fb;color:#123e63;border-radius:999px;font-weight:850}.photo-frame{width:96px;height:96px;font-size:28px}.large-avatar{width:min(32vw,360px);aspect-ratio:1;height:auto;font-size:74px}.photo-frame img{width:100%;height:100%;object-fit:cover}.student-copy{min-width:0}.scan-label{display:inline-flex;margin-bottom:12px;color:#146b46;font-weight:850;text-transform:uppercase;letter-spacing:0}.exit .scan-label{color:#8c4b11}.student-card h1,.student-card h2,.student-card p{margin:0}.student-card h1{font-size:clamp(42px,5vw,76px);line-height:1.02}.student-card h2{font-size:22px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-card p{margin-top:12px;color:#53657a;font-size:clamp(24px,2.4vw,34px)}.student-card.compact p{margin-top:6px;font-size:17px}.student-card time{display:block;margin-top:14px;color:#718196;font-size:20px}.student-card.compact time{margin-top:7px;font-size:14px}.empty-card p{max-width:620px}.status-banner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;background:#fff;border:1px solid #d8e3ec;border-radius:12px;box-shadow:0 10px 28px #1020331a}.provisioning-panel{display:grid;place-items:center}.provisioning-card{width:min(720px,100%);display:grid;gap:16px;padding:42px;background:#fff;border:1px solid #d8e3ec;border-radius:14px;box-shadow:0 16px 38px #1020331f}.provisioning-card h1,.provisioning-card p{margin:0}.provisioning-card h1{font-size:42px;line-height:1.05}.provisioning-card p{color:#53657a;font-size:19px;line-height:1.5}.provisioning-card label{margin-top:8px;font-weight:850}.provisioning-card input{min-height:62px;padding:0 18px;border:1px solid #bdd0df;border-radius:10px;color:#102033;font-size:24px;letter-spacing:0}.provisioning-card button{min-height:62px;border:0;border-radius:10px;background:#123e63;color:#fff;font-weight:850;font-size:20px}.status-copy,.focus-indicator{display:flex;align-items:center;gap:10px;font-weight:800}.status-banner.good .status-copy{color:#146b46}.status-banner.warn .status-copy{color:#8c5d12}.status-banner.bad .status-copy{color:#a12e38}.focus-indicator{color:#53657a;font-size:14px}.text-button{min-height:38px;padding:0 14px;border:1px solid #bdd0df;border-radius:8px;background:#fff;color:#123e63;font-weight:850}@media(max-width:1180px){body{min-width:900px}.school-name{font-size:24px}.scan-stage{grid-template-columns:minmax(0,1fr) 280px}.student-card.primary{grid-template-columns:280px minmax(0,1fr)}}