.overviewHero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#29263e,#1c2633);border:1px solid #44415a;border-radius:20px;padding:26px 30px;margin:25px 0;position:relative;overflow:hidden}.overviewHero:after{content:'✈';position:absolute;right:30%;top:15px;font-size:100px;color:#baa1e308;transform:rotate(-15deg);pointer-events:none}.overviewHero h2{font-size:30px;margin:12px 0}.overviewHero p{color:#b6b5c3;margin:0}.helloWave{display:inline-block;color:#d9c0ff;animation:overviewTwinkle 5s ease-in-out infinite}.overviewCounts{display:flex;gap:30px}.overviewCounts div{display:flex;flex-direction:column;gap:8px}.overviewCounts b{font-size:32px}.overviewCounts span{font-size:11px;color:#bdbaca}.overviewColumns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:22px}.overviewMain,.overviewAside{display:flex;flex-direction:column;gap:22px}.dayAgenda{padding:0 20px 16px;max-height:440px;overflow:auto}.agendaRow{display:grid;grid-template-columns:100px 1fr 95px;gap:15px;align-items:center;width:100%;background:transparent;border:0;border-top:1px solid #ffffff0d;color:inherit;padding:18px 10px;text-align:left;border-radius:10px;cursor:pointer}.agendaRow:hover,.overviewStudent:hover{background:#b6a0df10}.agendaMine{box-shadow:inset 3px 0 #b7a0e0;background:#b7a0e007}.agendaTime{font-size:12px;color:#c9b4ee;font-weight:600}.agendaRow small{display:block;font-size:11px;color:#999ba9;margin-top:5px}.agendaPlane{text-align:right;font-size:12px}.overviewRoster{padding:0 20px 18px}.overviewStudent{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0;border:0;border-top:1px solid #ffffff0d;background:transparent;text-align:left;color:inherit;cursor:pointer}.overviewStudentInfo{flex:1;min-width:0}.overviewStudentInfo small{display:block;font-size:11px;color:#a6a3b4;margin:6px 0;line-height:1.5}.overviewStudent>span:last-child{font-size:12px;color:#cfb3ee}.overviewCardTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.overviewCardTitle h2{margin:8px 0}.overviewEmpty{padding:22px 10px;color:#9f9ba9;line-height:1.8;font-size:13px}#quickTodo{display:flex;gap:8px;margin-top:18px}#quickTodo input{min-width:0;flex:1}#quickTodo button{padding:10px 15px}.todoRows{margin-top:15px}.todoRow{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff0a;font-size:13px}.todoRow input{width:17px;height:17px;accent-color:#bca1e5;flex-shrink:0}.todoRow>span{flex:1;overflow-wrap:anywhere}.todoRow button{font-size:18px;padding:2px 4px}.todoDone>span{text-decoration:line-through;opacity:.5}.wxIcon{font-size:32px;color:#b8c4e4;animation:wxDrift 7s ease-in-out infinite}.wxCard select{width:100%;margin:8px 0 18px}.wxMetrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.wxMetrics small{display:block;color:#a4a2b2;font-size:11px;margin-bottom:6px}.wxMetrics b{font-size:15px}.wxLinks{display:flex;justify-content:space-between;gap:15px;margin:22px 0 8px;font-size:12px}.wxLinks a{color:#c9b3ed;text-decoration:none}.wxRaw{white-space:normal;overflow-wrap:anywhere;font-family:monospace;font-size:12px;line-height:1.8;color:#bbb8ca}.wxObservation h3{font-size:18px;margin:15px 0}.wxUnavailable{border-left:3px solid #c9ad74;padding-left:14px;margin:12px 0}.offerStudent{border:1px solid #b7a0df25;background:#b7a0df09;border-radius:12px;padding:15px;margin-top:18px}.offerStudent h3{margin:10px 0}.offerStudent p{font-size:12px;line-height:1.6;color:#c1b7d4}.srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes overviewTwinkle{50%{transform:rotate(40deg) scale(1.15)}}@keyframes wxDrift{50%{transform:translateX(7px)}}@media(max-width:1150px){.overviewColumns{grid-template-columns:1fr}.overviewAside{display:grid;grid-template-columns:1fr 1fr}.overviewCounts{gap:18px}}@media(max-width:750px){.overviewHero{align-items:flex-start;flex-direction:column;gap:25px;padding:22px}.overviewAside{display:flex}.overviewCounts{width:100%;justify-content:space-between}.agendaRow{grid-template-columns:85px 1fr;gap:10px}.agendaPlane{grid-column:2;text-align:left}.overviewHero h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.helloWave,.wxIcon{animation:none}}
