html{font-family:system-ui,sans-serif}body{margin:0}#root{min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.login-page{background:#f1f4f9;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:430px;padding:42px;box-shadow:0 15px 55px #14234114}.login-logo{color:#2563eb;background:#e8f0ff;border-radius:17px;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.login-card h1{letter-spacing:-.7px;margin:0;font-size:28px}.login-subtitle{color:#738096;margin:8px 0 34px}.login-card form{text-align:left}.login-card label{margin:18px 0 8px;font-size:13px;font-weight:600;display:block}input,textarea{color:#172033;background:#fff;border:1px solid #dce2eb;border-radius:9px;outline:none;width:100%;padding:12px 14px}input:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}.password-field{position:relative}.password-field input{padding-right:45px}.password-toggle{color:#738096;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.primary-button{color:#fff;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-weight:600;display:inline-flex}.primary-button:hover:not(:disabled){background:#1d4ed8}.login-button{width:100%;margin-top:25px}.login-footer{color:#8b95a5;justify-content:center;align-items:center;gap:7px;margin-top:30px;font-size:12px;display:flex}.error-message{color:#b91c1c;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.app-layout{min-height:100vh;display:flex}.sidebar{color:#d0d9e8;background:#101b30;flex-direction:column;flex-shrink:0;width:275px;padding:25px 15px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:0 10px 38px;display:flex}.brand-icon{color:#fff;background:#2563eb;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.sidebar-brand strong{color:#fff;font-size:16px;display:block}.sidebar-brand span{color:#8998af;font-size:12px}.sidebar-section-label{color:#70809b;letter-spacing:1.5px;margin-bottom:13px;padding:0 13px;font-size:10px;font-weight:800}.schools-label{margin-top:32px}.nav-item,.school-nav{border-radius:9px;align-items:center;gap:11px;width:100%;padding:12px 13px;font-size:13px;display:flex}.nav-item.active{color:#fff;background:#263b60;font-weight:600}.school-nav{color:#b6c3d6;text-align:left;background:0 0;border:0}.school-nav.selected{color:#fff;background:#1d2d48}.school-nav:hover{background:#263b60}.sidebar-bottom{margin-top:auto;padding-top:30px}.user-info{border-top:1px solid #293951;align-items:center;gap:10px;padding:15px 8px;display:flex}.user-avatar{color:#fff;background:#3a5176;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.user-details{min-width:0}.user-details strong{color:#fff;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.user-details span{color:#8797af;font-size:11px}.logout-button{color:#aebdd2;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e6eaf1;justify-content:space-between;align-items:center;padding:22px 38px;display:flex}.topbar-heading span{letter-spacing:1.2px;color:#8a97aa;font-size:10px;font-weight:700}.topbar-heading h1{letter-spacing:-.5px;margin:5px 0 0;font-size:23px}.topbar-user{color:#738096;align-items:center;gap:8px;font-size:12px;display:flex}.content-area{max-width:1100px;margin:0 auto;padding:38px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow,.field-eyebrow{color:#8290a4;letter-spacing:1.3px;font-size:11px;font-weight:800}.page-heading h2{letter-spacing:-.6px;margin:7px 0;font-size:27px}.page-heading p{color:#738096;margin:0;font-size:14px}.secondary-button{color:#44536b;background:#fff;border:1px solid #dce2eb;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;display:inline-flex}.status-card,.settings-card{background:#fff;border:1px solid #e4e9f1;border-radius:14px;margin-bottom:24px}.status-card{justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.status-info{align-items:center;gap:20px;display:flex}.status-icon{border-radius:15px;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid}.status-icon.offline{color:#748298;background:#f1f3f7}.status-icon.live{color:#dc2626;background:#fee2e2}.status-info h3{margin:6px 0;font-size:21px}.status-info p{color:#738096;margin:0;font-size:13px;line-height:1.5}.status-action{align-items:center;gap:20px;display:flex}.status-badge{border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.offline{color:#68768b;background:#eef1f5}.status-badge.live{color:#dc2626;background:#fee2e2}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.toggle{background:#cbd5e1;border:0;border-radius:30px;width:52px;height:29px;padding:4px;transition:all .2s}.toggle span{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block;box-shadow:0 1px 3px #0002}.toggle.on{background:#2563eb}.toggle.on span{transform:translate(23px)}.settings-card{overflow:hidden}.card-heading{border-bottom:1px solid #edf0f5;align-items:center;gap:13px;padding:25px 28px;display:flex}.card-heading-icon{color:#2563eb;background:#eff5ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.card-heading h3{margin:0 0 5px;font-size:17px}.card-heading p{color:#8290a4;margin:0;font-size:12px}.form-fields{gap:23px;padding:27px 28px;display:grid}.form-group label{margin-bottom:9px;font-size:13px;font-weight:700;display:block}.form-group small{color:#8a97aa;margin-top:7px;font-size:12px;display:block}.form-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;padding:19px 28px;display:flex}.form-footer span{color:#8a97aa;font-size:12px}.alert{border-radius:9px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 17px;font-size:13px;display:flex}.error-alert{color:#b91c1c;background:#fef2f2}.success-alert{color:#047857;background:#ecfdf5}.loading-message{text-align:center;color:#738096;padding:50px}.footer-note{color:#97a2b2;align-items:center;gap:8px;margin-top:30px;font-size:12px;display:flex}@media (width<=900px){.sidebar{width:220px}.content-area{padding:25px}.topbar{padding:20px 25px}}@media (width<=650px){.app-layout{flex-direction:column}.sidebar{width:100%;padding:14px}.sidebar-brand{padding-bottom:14px}.sidebar-section-label,.nav-item,.school-nav,.sidebar-bottom{display:none}.topbar{padding:18px}.topbar-user{display:none}.content-area{padding:20px 15px}.page-heading{align-items:flex-start}.page-heading h2{font-size:23px}.status-card{flex-direction:column;align-items:flex-start}.status-action{justify-content:space-between;width:100%}.status-info{align-items:flex-start;gap:12px}.status-icon{width:48px;height:48px}.form-footer{flex-direction:column;align-items:stretch}.login-card{padding:30px 24px}}