:root{--navy: #0F2240;--blue: #2563EB;--amber: #F59E0B;--green: #059669;--purple: #7C3AED;--orange: #EA580C;--red: #DC2626;--bg: #F0F4F8;--card: #FFFFFF;--text-primary: #0F172A;--text-secondary: #64748B;--border: #E2E8F0;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--criteria-subitising: #2563EB;--criteria-counting: #059669;--criteria-composition: #7C3AED;--criteria-comparison: #EA580C;--stage1-bg: #FEE2E2;--stage1-text: #991B1B;--stage2-bg: #FEF3C7;--stage2-text: #92400E;--stage3-bg: #DBEAFE;--stage3-text: #1E40AF;--stage4-bg: #D1FAE5;--stage4-text: #065F46;--stage5-bg: #EDE9FE;--stage5-text: #5B21B6;--stage-none-bg: #F1F5F9;--stage-none-text: #94A3B8;--school-primary: #2563EB;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--page-padding: 28px;--nav-height: 60px;--bottom-bar-height: 0px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button,[role=button],a,select,.clickable{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}html{overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;max-width:100vw}#root{min-height:100vh;padding-bottom:var(--bottom-bar-height)}h1,h2,h3{line-height:1.2}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.serif{font-family:var(--font-serif)}button,a,input,select{transition:all .15s ease}button{cursor:pointer;font-family:inherit;touch-action:manipulation}button:active{transform:scale(.98)}input,select,textarea{font-family:inherit;font-size:16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 4px 24px #0003;pointer-events:auto;animation:toastIn .3s ease forwards;max-width:380px}.toast--success{background:var(--green)}.toast--error{background:var(--red)}.toast--info{background:var(--blue)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4;overflow:visible}nav,.toast-container,.bottom-tab-bar{display:none!important}.card{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}table{page-break-inside:avoid}[style*=background]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}@page{margin:15mm}.print-landscape{page:landscape}@page landscape{size:A4 landscape}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94A3B8}.responsive-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card-inner{display:flex;align-items:flex-start;gap:10px;width:100%}.action-card-text{flex:1;min-width:0}.action-card-title{font-size:15px;font-weight:600;margin:0 0 2px;word-break:break-word}.action-card-subtitle{font-size:13px;color:#64748b;margin:0}.action-cta{flex-shrink:0;white-space:nowrap}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width: 1024px){:root{--page-padding: 20px}.nav-school-name{display:none}.nav-link{font-size:12px!important;padding:6px 10px!important}.responsive-grid-5{grid-template-columns:repeat(3,1fr)!important}.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.slide-panel{max-width:90vw!important}.assessment-sidebar{display:none}.assessment-main{width:100%!important}}@media (max-width: 640px){:root{--page-padding: 16px;--nav-height: 48px;--bottom-bar-height: 64px}body,#root{padding-bottom:64px}.desktop-nav-links,.desktop-nav-right{display:none!important}.slide-panel{width:100vw!important;max-width:100vw!important;height:100vh!important;border-radius:0!important}.responsive-grid-5,.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.responsive-grid-3,.responsive-criteria-grid{grid-template-columns:1fr!important}.mobile-card-view thead{display:none}.mobile-card-view tr{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--border);align-items:center}.mobile-card-view td{padding:2px 4px;border:none}.mobile-hide-col{display:none!important}.responsive-grid-5>*:last-child{grid-column:span 2}.desktop-only{display:none!important}.mobile-only{display:inline!important}button{min-height:44px}.responsive-filter-row{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.responsive-filter-row::-webkit-scrollbar{display:none}.toast-container{bottom:calc(var(--bottom-bar-height) + 16px);right:16px;left:16px}.toast{max-width:100%}.responsive-action-btn{width:100%!important}.assessment-answer-btn{min-height:80px!important;font-size:16px!important}.assessment-question{font-size:22px!important}.assessment-milestone-label{font-size:11px!important;text-transform:uppercase}.heatmap-mobile-msg{display:block!important}.heatmap-grid{display:none!important}.page-title{font-size:22px!important}.responsive-provision{grid-template-columns:1fr!important}}@media (max-width: 640px){.page-container{padding-left:16px!important;padding-right:16px!important}}@media (max-width: 480px){.mobile-hide{display:none!important}.action-card-inner{flex-wrap:wrap}.action-card-icon{align-self:flex-start}.action-card-text{width:calc(100% - 40px)}.action-cta{width:100%!important;margin-top:8px}}.nav-burger{display:none;background:none;border:none;color:#fff;font-size:24px;padding:8px;cursor:pointer;min-height:44px;min-width:44px;align-items:center;justify-content:center;margin-left:auto}.nav-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.nav-menu-overlay.open{display:flex}.nav-menu-backdrop{flex:1;background:rgba(0,0,0,.5)}.nav-menu-panel{width:280px;background:white;height:100%;overflow-y:auto;display:flex;flex-direction:column}.nav-menu-header{background:#0F2240;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.nav-menu-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px}.nav-menu-item{display:flex;align-items:center;padding:16px 20px;border:none;border-bottom:1px solid #F1F5F9;color:#1e293b;font-size:16px;font-weight:500;cursor:pointer;background:none;text-align:left;width:100%;min-height:56px;font-family:inherit}.nav-menu-item:hover{background:#F8FAFC}.nav-menu-item.active{color:#2563eb;background:#EFF6FF}@media (max-width: 640px){.nav-burger{display:flex}}.bottom-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #E2E8F0;z-index:100;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 640px){.bottom-tab-bar{display:flex}}.bottom-tab-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:8px 12px;color:#94a3b8;font-size:11px;min-width:44px;min-height:44px;font-family:inherit}.bottom-tab-btn.active{color:#2563eb}.bottom-tab-btn svg{width:22px;height:22px}.bottom-tab-badge{position:absolute;top:2px;right:2px;background:#DC2626;color:#fff;font-size:9px;font-weight:800;border-radius:8px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px}@media (max-width: 640px){.onboarding-card{padding:20px!important;padding-bottom:env(safe-area-inset-bottom,20px)!important;max-height:100dvh;overflow-y:auto;border-radius:0!important;box-shadow:none!important;max-width:100%!important}.onboarding-step-label{display:none!important}.pw-requirements-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.onboarding-card{padding:16px!important}.auth-card{padding:28px 20px!important}.auth-card .auth-secondary-btn{min-height:48px}}@media (max-width: 640px){.trial-banner-full{display:none!important}.trial-banner-short{display:inline!important}}@media (min-width: 641px){.trial-banner-short{display:none!important}}.settings-sidebar{display:flex}.settings-mobile-nav{display:none}@media (max-width: 640px){.settings-sidebar{display:none!important}.settings-mobile-nav{display:flex!important}}@media (pointer: coarse){.keyboard-hints{display:none!important}button{min-height:44px}}