:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.react-calendar__tile{border:2px solid transparent!important}.react-calendar__navigation__label{white-space:nowrap}.react-calendar__navigation__arrow:disabled{cursor:not-allowed!important;opacity:.5}.react-calendar__navigation__arrow[aria-label*="Previous year"],.react-calendar__navigation__arrow[aria-label*="Next year"]{display:none!important}.status-box{position:absolute;top:10px;left:10px;width:32px;height:32px;background:#7e57c2;color:#fff;font-weight:700;font-size:1.1rem;text-align:center;z-index:3;box-shadow:0 2px 8px #0000001f;border-radius:8px;pointer-events:none;letter-spacing:.5px;border:2px solid #fff;display:flex;align-items:center;justify-content:center}.cast-tile.sick{background:linear-gradient(135deg,salmon 60%,#ffe5e5);border:2px solid salmon}body{background:#111;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.attendance-app{min-height:100vh;background:#111;color:#fff;padding:2rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.date-selector{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start}.date-selector label{font-weight:700;margin-bottom:.5rem;color:#7e57c2}.date-selector input[type=date]{background:#222;color:#fff;border:2px solid #7e57c2;border-radius:6px;padding:.4rem .8rem;font-size:1rem;margin-bottom:.5rem;outline:none;transition:border .2s}.date-selector input[type=date]:focus{border-color:#fff}.date-selector .date-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.date-selector .date-btn{padding:.4rem .8rem;border-radius:6px;border:2px solid #444;background:#222;color:#fff;font-weight:400;cursor:pointer;opacity:1;transition:border .2s,background .2s}.date-selector .date-btn.selected{border-color:#7e57c2;background:#7e57c2;font-weight:700}.cast-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem 2rem;justify-items:center;margin:0 auto}@media (min-width: 600px){.cast-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.cast-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.cast-grid{grid-template-columns:repeat(4,1fr)}}.cast-tile{background:linear-gradient(135deg,#e0f7fa 60%,#b3e5fc);color:#222;border-radius:16px;box-shadow:0 2px 12px #0003;padding:1.5rem 1rem;width:220px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;align-items:center;position:relative;border:2px solid #e0f7fa}.cast-tile:hover{transform:scale(1.05);box-shadow:0 4px 20px #0000004d}.cast-tile.checked-in{border:2px solid #43a047;background:linear-gradient(135deg,#c8e6c9 60%,#a5d6a7)}.cast-tile.not-checked-in{border:2px solid #d32f2f;background:linear-gradient(135deg,#ffcdd2 60%,#d32f2f);color:#fff}.cast-tile.sick{background:linear-gradient(135deg,#ce93d8 60%,#7e57c2);border:2px solid #7e57c2;color:#fff}.cast-tile.unavailable{border:2px solid #111;background:linear-gradient(135deg,#111 60%,#333);color:#fff}.cast-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #2196f3}.cast-info{display:flex;flex-direction:column;align-items:center}.cast-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.cast-role{font-size:1rem;color:#1976d2}.calendar-tile-disabled{background:#444!important;color:#aaa!important;pointer-events:none!important;opacity:.6}.calendar-tile-enabled{background:linear-gradient(135deg,#d1c4e9 60%,#b39ddb)!important;color:#222!important;font-weight:700;border:2px solid #d1c4e9!important}.react-calendar__tile.calendar-tile-enabled.selected,.calendar-tile-enabled.selected{border:3px solid #7e57c2!important;background:#7e57c2!important;color:#fff!important;box-shadow:0 0 0 2px #7e57c233;font-weight:700;z-index:2}.react-calendar__tile.calendar-tile-disabled.selected,.calendar-tile-disabled.selected{border:3px solid #43a047!important;background:#43a047!important;color:#fff!important;opacity:.7;z-index:2}.react-calendar{background:#222!important;color:#fff!important;border-radius:12px;border:2px solid #7e57c2;box-shadow:0 4px 24px #0008;padding:.5rem}.react-calendar__month-view__weekdays{background:#222!important;color:#7e57c2!important}.react-calendar__navigation{background:#222!important;color:#fff!important;border-bottom:1px solid #7e57c2}.react-calendar__navigation button{background:#222!important;color:#fff!important;border-radius:6px;border:1px solid #444}.react-calendar__navigation button:enabled:hover{background:#7e57c2!important;color:#fff!important}.react-calendar__tile{color:#fff!important}.react-calendar__tile--now{background:linear-gradient(135deg,#e0f7fa 60%,#b3e5fc)!important;color:#222!important;border:2px solid #2196f3!important}.react-calendar__tile--now.selected,.calendar-tile-enabled.selected.react-calendar__tile--now{background:#7e57c2!important;border:3px solid #7e57c2!important;color:#fff!important}.react-calendar__tile.calendar-tile-enabled:hover:not(.selected){border:2px solid #7e57c2!important;background:linear-gradient(135deg,#d1c4e9 60%,#b39ddb)!important;color:#222!important}.react-calendar__tile:hover:not(.calendar-tile-enabled):not(.calendar-tile-disabled):not(.selected){border:2px solid #7e57c2!important;background:inherit!important;color:#fff!important;z-index:1}@media (max-width: 600px){.calendar-modal{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;padding:.5rem!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.react-calendar{width:95vw!important;max-width:95vw!important;min-width:0!important;font-size:1.1rem!important;border-radius:12px}.react-calendar__navigation{font-size:1.1rem!important}.react-calendar__month-view__weekdays{font-size:1rem!important}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}