.school-setup{background:var(--surface-alt,#eff4fc);border:1px solid var(--class-border);border-radius:12px;padding:16px;margin:16px 0}.school-setup h3{margin:0 0 10px;font-size:18px}.school-setup-steps{list-style:decimal;margin:0;padding-left:24px}.school-setup-steps li{padding:8px 0}.school-setup-steps li span{margin-right:12px}.school-setup-steps li.is-done{color:var(--text-light,#64748b)}.school-setup-steps .is-next{font-weight:700}.school-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.school-overview-metrics button.school-overview-metric{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:var(--class-surface);color:var(--class-text);border:1px solid var(--class-border);border-radius:12px;padding:16px;min-width:0;white-space:normal}.school-overview-metric strong{font-size:30px;line-height:1.1}.school-overview-metrics button[aria-pressed="true"]{outline:2px solid var(--class-accent);outline-offset:1px}.school-overview-metrics button:hover{background:var(--surface-alt)}.school-overview-metrics button:focus-visible,.school-setup button:focus-visible{outline:3px solid var(--class-accent);outline-offset:3px}.school-teacher-overview h3{font-size:18px}.school-teacher-overview .class-table-wrap{margin:12px 0}.school-overview .class-actions{margin-top:16px}@media(max-width:900px){.school-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.school-setup-steps .is-next button{display:block;margin-top:8px;max-width:100%;white-space:normal}.school-overview-metrics{gap:8px}.school-overview-metrics button.school-overview-metric{padding:12px;font-size:14px}}