.school-picker{border:0;min-width:0}.school-picker legend{font-weight:700;font-size:14px;margin-bottom:12px}.school-grade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.school-grade{border:1px solid var(--color-plum-100);border-right:5px solid var(--grade-color);border-radius:14px;background:var(--color-white,#fff)}.school-grade summary{cursor:pointer;padding:13px;font-weight:700;font-size:13px}.school-grade summary span{display:block;font-size:10px;font-weight:400;margin-top:5px}.school-class-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.school-class-grid label{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;background:var(--color-plum-50);font-size:12px}.school-class-grid input{accent-color:var(--grade-color);width:16px;height:16px}.school-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.school-theme{font-size:24px;min-width:44px;min-height:44px}html[data-theme=dark]{color-scheme:dark;--color-white:#172131;--color-plum-50:#1d293d;--color-plum-100:#2b3951;--color-plum-200:#435475;--color-plum-300:#9b9bed;--color-plum-400:#aea9fc;--color-plum-500:#b4a9ff;--color-plum-600:#b6aaff;--color-plum-700:#d0c6ff;--color-plum-800:#e2d9ff;--color-plum-900:#ece6ff;--color-ink-950:#edf2fa;--color-ink-900:#edf2fa;--color-ink-800:#e1e8f3;--color-ink-700:#d7e0ef;--color-ink-600:#c3cede;--color-ink-500:#b5c1d5;--color-ink-400:#a8b6cc;--color-sand-50:#111a29;--color-sand-100:#2b2c30;--color-cocoa-700:#edcfa7;--color-olive-50:#18352d;--color-olive-100:#214a3b;--color-olive-600:#95ddb1;--color-crimson-50:#3a2231;--color-crimson-100:#513044;--color-crimson-600:#ffacc7;background:#101827;color:#edf2fa}html[data-theme=dark] body{background:#101827;color:#edf2fa}html[data-theme=dark] .btn-primary{background:#7760c8;color:#fff}html[data-theme=dark] .card{background:#172131}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:#edf2fa}html[data-theme=dark] .school-grade{background:#172131}html[data-theme=dark] .bg-white\/75{background:#172131e8}html[data-theme=dark] img{color:#edf2fa}@media(prefers-reduced-motion:reduce){.school-grade{scroll-behavior:auto}}

.school-assignment-page{display:grid;gap:24px}.school-assignment-page h1{font-size:28px;font-weight:750}.school-assignment-page h2{font-size:19px;font-weight:700}.school-assignment-page h3{font-size:15px;font-weight:700}.school-eyebrow{font-size:12px;color:var(--color-plum-700);font-weight:700;margin-bottom:4px}.school-muted{color:var(--color-ink-500);font-size:13px;line-height:1.9}.school-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--color-plum-100);border-radius:18px;background:var(--color-white)}.school-summary>div{padding:18px;display:grid;gap:4px}.school-summary strong{font-size:25px}.school-summary span{font-size:12px;color:var(--color-ink-500)}.school-tabs{display:flex;gap:8px;flex-wrap:wrap}.school-tabs button{border:1px solid var(--color-plum-200);padding:11px 18px;border-radius:12px;font-weight:700;font-size:13px}.school-tabs button[aria-pressed=true]{background:var(--color-plum-700);color:var(--color-white)}.school-panel,.school-panel-inner{display:grid;gap:18px}.school-panel{padding:24px}.school-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.school-form-grid label{display:grid;gap:7px;font-size:13px;font-weight:600}.school-form-grid input,.school-form-grid select{width:100%;min-width:0;border:1px solid var(--color-plum-200);padding:10px 12px;border-radius:10px;background:var(--color-white);font-weight:400}.school-assignment-page button:disabled{opacity:.45;cursor:not-allowed}.school-assignment-page button:focus-visible,.school-assignment-page input:focus-visible,.school-assignment-page select:focus-visible{outline:3px solid var(--color-plum-300);outline-offset:2px}.school-select-all{margin:0 12px 10px;font-size:12px;color:var(--color-plum-700);text-decoration:underline}.school-feedback{padding:14px 18px;border:1px solid var(--color-plum-200);border-radius:12px;background:var(--color-plum-50);line-height:1.8}.school-error{background:var(--color-crimson-50);color:var(--color-crimson-600)}.school-records{display:grid;gap:12px}.school-records>section{padding:16px;background:var(--color-plum-50);border-radius:14px}.school-records button{display:grid;text-align:right;padding:12px;border:1px solid var(--color-plum-100);border-radius:10px;width:100%;gap:4px}.school-records span{font-size:12px;color:var(--color-ink-500)}.school-bulk,.school-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.school-table-wrap{overflow-x:auto}.school-table{width:100%;font-size:13px;border-collapse:collapse;text-align:right}.school-table th{color:var(--color-ink-500);background:var(--color-plum-50);font-weight:600}.school-table td,.school-table th{padding:12px;border-bottom:1px solid var(--color-plum-100)}.school-table input{width:18px;height:18px;accent-color:var(--color-plum-700)}.school-pagination{font-size:12px}.school-student-class{margin-bottom:18px;border:1px solid var(--color-plum-200);background:var(--color-plum-50);padding:12px 16px;border-radius:12px;font-size:13px}.school-assignment-page .btn-primary{justify-self:start}.school-class-grid bdi{font-variant-numeric:tabular-nums}@media(max-width:600px){.school-summary{grid-template-columns:repeat(2,1fr)}.school-panel{padding:16px}.school-tabs button{flex:1;padding:10px;font-size:12px}.school-form-grid{grid-template-columns:1fr}.school-table{min-width:580px}}
.school-grade-filter{display:grid;gap:6px;padding:14px;text-align:right;transition:background .15s}.school-grade-filter strong{font-size:13px}.school-grade-filter span{font-size:11px;color:var(--color-ink-500)}.school-grade-filter[aria-pressed=true]{background:var(--color-plum-100);outline:2px solid var(--grade-color);outline-offset:2px}.school-grade-filter:hover{background:var(--color-plum-50)}
.school-sidebar-nav{min-height:0;padding-bottom:12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.school-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.school-danger{color:var(--color-crimson-600);border-color:var(--color-crimson-100)}
.school-history-open{white-space:nowrap;align-self:flex-start}.school-history-backdrop{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end;background:rgba(31,20,42,.48);backdrop-filter:blur(5px)}.school-history-sheet{width:min(680px,100%);height:100%;display:flex;flex-direction:column;background:#fbf9fd;box-shadow:-24px 0 70px rgba(54,28,73,.22);animation:school-history-in .24s ease-out}.school-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px 20px;border-bottom:1px solid #eadff1;background:linear-gradient(135deg,#fff 0%,#f5edf9 100%)}.school-history-head h2{margin:.2rem 0;font-size:1.45rem;font-weight:800;color:#2d2033}.school-history-head p:last-child{font-size:.78rem;color:#75677c}.school-history-close{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #dfcfe8;border-radius:14px;background:#fff;color:#694476;font-size:1.6rem;line-height:1;transition:.16s ease}.school-history-close:hover{background:#f3e9f8;transform:rotate(4deg)}.school-history-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 18px;border-bottom:1px solid #eadff1;background:#fff}.school-history-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:13px;color:#77677d;font-size:.72rem;font-weight:800;transition:.16s ease}.school-history-tabs button span{min-width:24px;padding:2px 7px;border-radius:999px;background:#f0e8f4;color:#6e417b;font-variant-numeric:tabular-nums}.school-history-tabs button[aria-selected=true]{background:#6e3f80;color:#fff;box-shadow:0 8px 22px rgba(110,63,128,.19)}.school-history-tabs button[aria-selected=true] span{background:rgba(255,255,255,.18);color:#fff}.school-history-body{min-height:0;flex:1;overflow:auto;padding:20px 24px 36px}.school-history-timeline{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}.school-history-timeline:before{content:"";position:absolute;top:22px;bottom:22px;right:19px;width:2px;background:#e7d9ed}.school-history-event{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px}.school-history-icon{position:relative;z-index:1;display:grid;width:40px;height:40px;place-items:center;border:4px solid #fbf9fd;border-radius:50%;background:#e9dbef;color:#653b73;font-size:.9rem;font-weight:900}.school-history-event.is-communication .school-history-icon{background:#e0edf8;color:#285e83}.school-history-event.is-grading .school-history-icon{background:#e5f0df;color:#3f6d32}.school-history-event article{min-width:0;padding:15px 16px;border:1px solid #eadff1;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(63,38,75,.045)}.school-history-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.school-history-action{display:block;margin-bottom:3px;color:#80528e;font-size:.66rem;font-weight:900}.school-history-event h3{overflow-wrap:anywhere;color:#2c2430;font-size:.91rem;font-weight:800}.school-history-event time{flex:0 0 auto;color:#8a7d90;font-size:.64rem;font-weight:700;direction:rtl}.school-history-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.school-history-meta span{padding:3px 8px;border-radius:999px;background:#f4eef7;color:#705b78;font-size:.63rem;font-weight:700}.school-history-event details{margin-top:11px;border-top:1px dashed #e7ddeb;padding-top:9px}.school-history-event summary{cursor:pointer;color:#70437e;font-size:.7rem;font-weight:800;list-style:none}.school-history-event details>p{margin-top:9px;white-space:pre-wrap;color:#615667;font-size:.73rem;line-height:1.8}.school-history-event dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.school-history-event dl div{padding:8px 10px;border-radius:11px;background:#faf7fb}.school-history-event dt{color:#95879a;font-size:.58rem;font-weight:700}.school-history-event dd{margin-top:2px;color:#433849;font-size:.7rem;font-weight:800;overflow-wrap:anywhere}.school-history-state{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#807386;font-size:.76rem}.school-history-state b{color:#443849;font-size:.9rem}.school-history-state>span:last-child{max-width:320px}.school-history-error b{color:#a52b46}.school-history-empty{font-size:2rem;color:#b8a7c0}.school-history-spinner{width:28px;height:28px;border:3px solid #e7d8ee;border-top-color:#724482;border-radius:50%;animation:school-history-spin .8s linear infinite}@keyframes school-history-in{from{opacity:.7;transform:translateX(-24px)}to{opacity:1;transform:none}}@keyframes school-history-spin{to{transform:rotate(360deg)}}html[data-theme=dark] .school-history-sheet{background:#211b25}html[data-theme=dark] .school-history-head{border-color:#493b51;background:linear-gradient(135deg,#2c2431,#211b25)}html[data-theme=dark] .school-history-head h2,html[data-theme=dark] .school-history-event h3,html[data-theme=dark] .school-history-state b{color:#f5eef8}html[data-theme=dark] .school-history-tabs,html[data-theme=dark] .school-history-event article{border-color:#493b51;background:#2b2330}html[data-theme=dark] .school-history-body{background:#211b25}html[data-theme=dark] .school-history-icon{border-color:#211b25}html[data-theme=dark] .school-history-event dl div{background:#352b3a}html[data-theme=dark] .school-history-event dd{color:#eee5f1}@media(max-width:640px){.school-history-head{padding:22px 18px 16px}.school-history-tabs{gap:4px;padding:9px}.school-history-tabs button{flex-direction:column;gap:2px;font-size:.62rem}.school-history-body{padding:16px 12px 28px}.school-history-event-head{display:block}.school-history-event time{display:block;margin-top:5px}.school-history-event dl{grid-template-columns:1fr}.school-history-sheet{width:100%}}@media(prefers-reduced-motion:reduce){.school-history-sheet,.school-history-spinner{animation:none}.school-history-close{transition:none}}
.school-history-overview{padding:22px}.school-history-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.school-history-overview-head h2{font-size:1.05rem;font-weight:800}.school-history-overview-head p:last-child{margin-top:3px;color:var(--color-ink-500);font-size:.72rem}.school-history-recent{display:grid;gap:8px;margin-top:17px}.school-history-recent article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--color-plum-100);border-radius:14px;background:var(--color-plum-50)}.school-history-recent b{display:block;font-size:.78rem}.school-history-recent p{margin-top:2px;color:var(--color-ink-500);font-size:.65rem}.school-history-recent time{color:var(--color-ink-400);font-size:.61rem;white-space:nowrap}.school-history-source{min-width:44px;padding:4px 7px;border-radius:999px;background:var(--color-olive-50);color:var(--color-olive-600);font-size:.61rem;font-weight:800;text-align:center}.school-history-source.is-admin{background:var(--color-plum-100);color:var(--color-plum-700)}.school-history-overview-loading,.school-history-overview-empty,.school-history-overview-error{margin-top:16px;padding:16px;border-radius:14px;background:var(--color-plum-50);color:var(--color-ink-500);font-size:.72rem}.school-history-overview-loading{display:flex;align-items:center;gap:9px}.school-history-overview-loading .school-history-spinner{width:20px;height:20px}.school-history-overview-error{color:var(--color-crimson-600)}@media(max-width:640px){.school-history-overview{padding:16px}.school-history-overview-head{align-items:stretch;flex-direction:column}.school-history-recent article{grid-template-columns:auto minmax(0,1fr)}.school-history-recent time{grid-column:2}}

.school-media-summary{cursor:pointer;font-weight:700;font-size:16px}.school-media-label{display:grid;gap:8px;font-size:13px;font-weight:600}.school-media-label textarea,.school-media-label input{padding:11px;border:1px solid var(--color-plum-200);border-radius:10px;background:var(--color-white);font-weight:400;width:100%}.school-media-check{display:flex;align-items:center;gap:10px;font-size:13px}.school-media-check input{width:18px;height:18px;accent-color:var(--color-plum-700)}.school-upload-progress{width:100%;height:10px;accent-color:var(--color-plum-700)}.school-resource{padding:22px;display:flex;flex-direction:column;gap:14px}.school-resource h2{font-size:18px;line-height:1.7}.school-resource-top{display:flex;justify-content:space-between;color:var(--color-plum-700);font-size:12px;font-weight:600}.school-resource-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}.school-resource-image{width:100%;max-height:320px;object-fit:contain;border-radius:12px}.school-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:15px;line-height:2.1;max-height:65vh;overflow-y:auto;padding:16px;border:1px solid var(--color-plum-100);border-radius:12px;background:var(--color-plum-50);margin-bottom:16px}fieldset:disabled{opacity:.7}
.school-schedule-editor{padding:22px;display:grid;gap:18px}.school-schedule-editor select,.school-period-row input,.school-period-row select{padding:11px;border:1px solid var(--color-plum-200);border-radius:10px;background:var(--color-white);color:inherit}.school-period-row{display:grid;grid-template-columns:140px 150px minmax(180px,1fr) 150px auto;gap:8px;align-items:center}.school-schedule-card{padding:22px}.school-schedule-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.school-schedule-days section{border:1px solid var(--color-plum-100);border-radius:16px;overflow:hidden}.school-schedule-days h3{padding:10px 14px;background:var(--color-plum-50);color:var(--color-plum-800);font-weight:800}.school-schedule-period{display:grid;grid-template-columns:minmax(85px,auto) 1fr auto;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--color-plum-100);font-size:13px}.school-schedule-period span{font-weight:700}.school-schedule-period small{color:var(--color-ink-400)}@media(max-width:850px){.school-period-row{grid-template-columns:1fr 1fr}.school-period-row button{grid-column:1/-1}.school-schedule-period{grid-template-columns:1fr}.school-schedule-period small{display:block}}