: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,var(--school-primary-soft, 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:var(--school-primary-contrast, #fff);background:var(--school-primary, #123e63);border-radius:12px;box-shadow:0 16px 36px #10203329}.kiosk-school-brand{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px}.school-logo{width:72px;height:72px;object-fit:contain;border-radius:10px;background:#ffffffe6;padding:6px}.fallback-logo{width:72px;height:72px;border-radius:10px;background:#e5f0fb;color:var(--school-primary, #123e63);font-size:24px}.school-name{font-size:30px;line-height:1.08;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-line{margin-top:8px;color:color-mix(in srgb,var(--school-primary-contrast, #ffffff) 78%,transparent);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:color-mix(in srgb,var(--school-primary-contrast, #ffffff) 12%,transparent);color:var(--school-primary-contrast, #fff)}.clock-box strong,.clock-box span{display:block}.clock-box strong{font-size:26px}.clock-box span{color:color-mix(in srgb,var(--school-primary-contrast, #ffffff) 78%,transparent);font-size:13px}.scan-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,30vw);gap:22px;min-height:0}.single-scan-stage{grid-template-columns:minmax(0,1fr)}.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(340px,38%) minmax(0,1fr);align-items:center;gap:clamp(34px,5vw,72px);padding:clamp(36px,6vw,88px)}.photo-frame,.avatar{display:grid;place-items:center;overflow:hidden;background:#e5f0fb;color:var(--school-primary, #123e63);border-radius:999px;font-weight:850}.photo-frame{width:96px;height:96px;font-size:28px}.large-avatar{width:min(34vw,430px);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}.student-card.scan-left .scan-label{color:#8c4b11}.student-card.scan-entered .scan-label{color:#146b46}.notice-card.good{border-color:#acd9c3;background:#f5fcf8}.notice-card.warn{border-color:#ead39d;background:#fffaf0}.notice-card.bad{border-color:#efb3ba;background:#fff5f6}.notice-card.bad .scan-label,.notice-card.bad .notice-icon{color:#a12e38}.notice-card.warn .scan-label,.notice-card.warn .notice-icon{color:#8c5d12}.notice-card.good .scan-label,.notice-card.good .notice-icon{color:#146b46}.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 time{display:block;margin-top:14px;color:#718196;font-size:20px}.clear-countdown{width:fit-content;margin-top:22px;padding:10px 14px;border-radius:999px;background:#e5f0fb;color:var(--school-primary, #123e63);font-size:18px;font-weight:850}.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:var(--school-primary, #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:var(--school-primary, #123e63);display:inline-flex;align-items:center;gap:8px;font-weight:850}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:#071929a8}.settings-dialog{width:min(620px,100%);max-height:calc(100vh - 56px);overflow:auto;padding:28px;border:1px solid #d8e3ec;border-radius:14px;background:#fff;box-shadow:0 28px 70px #07192957}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dialog-header h2,.danger-zone h3{margin:0;color:#102033}.dialog-header h2{font-size:34px;line-height:1.05}.icon-button{width:44px;height:44px;border:1px solid #bdd0df;border-radius:10px;background:#fff;color:var(--school-primary, #123e63);display:grid;place-items:center}.settings-list{display:grid;gap:12px;margin:24px 0}.settings-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid #e5edf4}.settings-list dt{color:#53657a;font-weight:800}.settings-list dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:800}.danger-zone{display:grid;gap:12px;padding:18px;border:1px solid #efb3ba;border-radius:12px;background:#fff5f6}.danger-zone p{margin:0;color:#53657a;line-height:1.45}.danger-zone label{font-weight:850}.danger-zone input{min-height:46px;padding:0 12px;border:1px solid #bdd0df;border-radius:8px}.danger-button{min-height:46px;border:0;border-radius:8px;background:#a12e38;color:#fff;font-weight:850}@media(max-width:1180px){body{min-width:900px}.school-name{font-size:24px}.student-card.primary{grid-template-columns:300px minmax(0,1fr)}}
