:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-content:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{text-align:center;flex-direction:column;width:100%;max-width:100vw;height:100vh;margin:0 auto;padding:0;display:flex}.dashboard-header{z-index:10;background:#1a1a1a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 10px #0003}.room-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;display:flex;overflow-x:auto}.room-carousel::-webkit-scrollbar{display:none}.room-slide{scroll-snap-align:start;box-sizing:border-box;flex-direction:column;flex:0 0 100%;align-items:center;padding:2rem;display:flex}.room-title{color:#fff;border-bottom:2px solid #444;width:100%;max-width:800px;margin-bottom:2rem;padding-bottom:.5rem;font-size:2rem}.child-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;width:100%;max-width:800px;display:grid}.child-card{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#333;border:4px solid #0000;border-radius:16px;padding:1.5rem;transition:all .2s;position:relative;box-shadow:0 4px 6px #0000004d}.child-card:active{transform:scale(.95)}.child-card.checked-in{background:#1b4d3e;border-color:#2ecc71}.child-card.late-alert{border-color:#e74c3c;animation:2s infinite pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.child-card img{object-fit:cover;background:#444;border-radius:50%;width:100px;height:100px;margin-bottom:.8rem}.child-name{font-size:1.2rem;font-weight:700;display:block}.status-badge{background:#555;border-radius:20px;margin-top:.8rem;padding:4px 12px;font-size:.9rem;display:inline-block}.checked-in .status-badge{color:#000;background:#2ecc71;font-weight:700}.late-badge{color:#fff;background:#e74c3c;border-radius:12px;padding:4px 8px;font-size:.8rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 4px #0003}.pin-screen{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100vh;display:flex}.pin-display{letter-spacing:1rem;height:4.5rem;font-size:3rem}.keypad{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.keypad button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:50%;width:90px;height:90px;font-size:1.8rem;transition:background .1s}.keypad button:active{background:#666}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#f0f2f5}.dashboard-header{background:#fff;border-bottom:1px solid #ddd}.room-title{color:#333;border-bottom-color:#ddd}.child-card{background:#fff;box-shadow:0 2px 8px #0000000d}.child-card.checked-in{background:#e8f8f2}}