:root{--primary:#0f4ea3;--primary-dark:#073b7a;--primary-light:#eaf3ff;--success:#20b15a;--success-light:#eaf9ef;--purple:#7c3aed;--purple-light:#f3edff;--warning:#f59e0b;--warning-light:#fff7e8;--danger:#ef4444;--danger-light:#fff0f0;--info:#0ea5e9;--background:#f4f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--border:#e5eaf2;--shadow:0 8px 24px rgba(28,65,120,.08);--radius:16px;--sidebar:194px;--topbar:112px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--background);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.app-body{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:50;display:flex;flex-direction:column;color:#fff;background:linear-gradient(165deg,#062f73 0%,#0b4c9e 56%,#1269d0 100%);box-shadow:10px 0 28px rgba(4,39,91,.12);overflow:hidden}.sidebar-brand{height:105px;padding:22px 18px 15px;display:flex;align-items:center}.sidebar-brand img{width:148px;max-height:64px;object-fit:contain}.sidebar-nav{padding:5px 7px;display:flex;flex-direction:column;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 13px;border:0;border-radius:8px;text-decoration:none;color:#fff;background:transparent;text-align:left;cursor:pointer;font-size:14px;transition:.18s ease}.nav-item img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);opacity:.84}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#2679e6,#1e68cf);box-shadow:0 8px 18px rgba(0,34,94,.22)}.nav-item.active img{opacity:1}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:9px;background:#9ec9ff}.sidebar-divider{height:1px;margin:13px 18px;background:rgba(255,255,255,.18)}.logout-form{padding:0 7px}.logout-form .nav-item{font-size:14px}.sidebar-scene{margin-top:auto;position:relative;min-height:325px;display:flex;flex-direction:column;justify-content:flex-end}.sidebar-scene blockquote{margin:10px 29px 18px;font-style:italic;font-size:12px;line-height:1.6;z-index:2}.sidebar-scene img{width:100%;max-height:225px;object-fit:contain;object-position:bottom}.app-shell{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:20}.school-identity{display:flex;align-items:center;gap:13px;min-width:0}.school-identity>img{width:60px;height:60px;object-fit:contain}.school-identity div{display:flex;flex-direction:column}.school-identity strong{font-size:15px;letter-spacing:.01em}.school-identity span{color:#5e6fa0;font-size:12px;text-transform:uppercase}.topbar-right,.date-chip,.user-chip{display:flex;align-items:center}.topbar-right{gap:28px}.date-chip{gap:10px}.date-chip>img{width:42px;height:42px;padding:8px;border:1px solid #d9e7fb;border-radius:11px}.date-chip div,.user-chip div{display:flex;flex-direction:column}.date-chip strong,.user-chip strong{font-size:12px;font-weight:600}.date-chip span,.user-chip span{font-size:12px;color:#61708f}.user-chip{gap:10px}.user-chip>img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#edf4ff}.user-chip .chevron{margin-left:9px;font-size:18px}.menu-toggle{display:none;border:0;background:transparent;padding:7px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--primary-dark);margin:5px;border-radius:3px}.main-content{flex:1;padding:24px 28px 12px;max-width:1500px;width:100%;margin:0 auto}.app-footer{text-align:center;color:#7080a0;font-size:11px;padding:22px 20px 26px}.app-footer span{font-size:10px}.alert{display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:11px;padding:12px 15px;margin:0 0 16px;border:1px solid}.alert button{border:0;background:transparent;font-size:20px;cursor:pointer;color:inherit}.alert-success{background:var(--success-light);border-color:#ccefd8;color:#107238}.alert-danger{background:var(--danger-light);border-color:#ffd1d1;color:#ac2630}.alert-warning{background:var(--warning-light);border-color:#fde0aa;color:#9c6004}.alert-info{background:#e9f7ff;border-color:#cbeaff;color:#0877a9}.hero-card,.content-card{background:#fff;border:1px solid rgba(220,229,242,.8);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{min-height:110px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:20px}.hero-card h1{margin:0 0 4px;font-size:23px}.hero-card p{margin:0;color:#435375}.hero-card .hero-school{width:300px;max-height:105px;object-fit:contain;align-self:flex-end}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 18px}.page-heading h1{margin:2px 0 1px;font-size:24px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{display:block;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.06em}.eyebrow.light{color:#b9d8ff}.section-title{display:flex;align-items:center;gap:8px;font-size:13px;color:#0b4598;text-transform:uppercase;font-weight:800;margin:0 0 17px}.section-title:before{content:"";width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#1770df 48%,#75b1ff 50%)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{position:relative;min-height:230px;border:1px solid;border-radius:14px;padding:21px 15px 17px;text-align:center;overflow:hidden}.stat-card.blue{background:linear-gradient(145deg,#f5faff,#eef6ff);border-color:#bfdbfe;color:#124d9f}.stat-card.green{background:linear-gradient(145deg,#f7fdf8,#eefaf1);border-color:#ccebd5;color:#148038}.stat-card.purple{background:linear-gradient(145deg,#fbf8ff,#f5efff);border-color:#ddccfa;color:#6930c8}.stat-card.orange{background:linear-gradient(145deg,#fffcf7,#fff7eb);border-color:#f8d9ad;color:#c45e05}.stat-label{text-transform:uppercase;font-weight:800;font-size:11px;min-height:34px}.stat-icon{display:grid;place-items:center;width:66px;height:66px;margin:8px auto;border-radius:50%;background:rgba(255,255,255,.62)}.stat-icon img{width:56px;height:56px;object-fit:contain}.stat-value{display:block;font-weight:850;font-size:28px;line-height:1.1;margin-top:4px}.stat-meta{display:block;color:#33415f;font-size:12px;margin-top:8px}.progress{height:6px;border-radius:9px;background:rgba(138,159,189,.22);overflow:hidden;margin:15px 0 0}.progress>span{display:block;height:100%;border-radius:inherit;background:currentColor}.dashboard-module{padding:20px 15px;margin-bottom:18px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.module-card{min-height:214px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;text-align:center;border:1px solid;border-radius:15px;padding:13px 10px;transition:transform .18s ease,box-shadow .18s ease}.module-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(31,74,132,.11)}.module-card img{width:88px;height:88px;object-fit:contain;margin-bottom:8px}.module-card h3{font-size:14px;margin:4px 0;color:#123568}.module-card p{font-size:11px;margin:0;color:#3c4558;max-width:170px}.module-card.blue{background:#f1f7ff;border-color:#a7cdfa}.module-card.green{background:#f1fbf3;border-color:#a9dfb5}.module-card.purple{background:#faf5ff;border-color:#d5b8f4}.module-card.orange{background:#fffaf2;border-color:#f6cb91}.module-card.teal{background:#effbfd;border-color:#9edbe2}.module-card.pink{background:#fff2f6;border-color:#f6b4c9}.module-card.amber{background:#fff9e9;border-color:#f4d48a}.dashboard-bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.content-card{padding:18px}.quick-list{margin:0;padding:0;list-style:none}.quick-list li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;border-bottom:1px solid #edf1f7;padding:6px 0;color:#174177;font-size:12px}.quick-list li:last-child{border:0}.quick-list img{width:17px;height:17px}.quick-list b{min-width:46px;border-radius:8px;padding:2px 10px;text-align:center;background:#edf4ff}.notice-box{background:linear-gradient(145deg,#fffcf1,#fff9e6);border:1px solid #f8e3a8;border-radius:12px;padding:13px 16px;min-height:160px}.notice-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f2dfa7;font-size:12px}.notice-item:last-child{border:0}.notice-star{color:#e6a400}.support-strip{display:flex;align-items:center;gap:14px;margin-top:18px;background:linear-gradient(90deg,#eaf4ff,#eff5ff);border:1px solid #cde1fb;border-radius:14px;padding:8px 18px}.support-strip img{width:66px;height:66px;object-fit:contain}.support-strip div{flex:1}.support-strip h3{margin:0 0 2px;color:#154890}.support-strip p{margin:0;font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:9px 14px;text-decoration:none;cursor:pointer;font-weight:700;font-size:12px;transition:.16s ease}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#1969d4,#0e54b5);color:#fff;box-shadow:0 6px 14px rgba(21,91,190,.18)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:#fff;color:#cc2d3b;border-color:#ffcbd0}.btn-warning{background:var(--warning-light);border-color:#f7d792;color:#975c05}.btn-light{background:#fff;border-color:var(--border);color:#24416d}.btn-info{background:#eaf5ff;border-color:#c8e2ff;color:#0f5ba7}.btn-sm{padding:6px 10px;font-size:11px}.btn-lg{padding:13px 18px;font-size:14px}.btn-block{width:100%}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.field{min-width:0}.field label{display:block;font-weight:700;font-size:12px;color:#253858;margin:0 0 6px}.field input,.field select,.field textarea,.form-control{width:100%;border:1px solid #d9e3f0;border-radius:9px;background:#fff;padding:10px 11px;color:var(--text);transition:.15s ease}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.form-control:focus{outline:3px solid #e2efff;border-color:#5b98e8}.field small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.form-section{scroll-margin-top:20px;margin-bottom:18px}.form-section>.content-card{padding:20px}.form-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.form-section-head h2{margin:0;font-size:16px;color:#123f7c}.form-section-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.teacher-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.check-card{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fbfdff;cursor:pointer}.check-card input{accent-color:var(--primary);width:17px;height:17px}.check-card span{font-weight:600;font-size:12px}.percentage-preview{display:flex;align-items:center;gap:10px;background:#f3f8ff;border:1px solid #dbeaff;border-radius:10px;padding:9px 12px}.percentage-preview b{font-size:20px;color:var(--primary)}.repeater-list{display:flex;flex-direction:column;gap:12px}.repeater-item{position:relative;border:1px solid var(--border);border-radius:12px;background:#fbfdff;padding:15px}.repeater-item .remove-row{position:absolute;right:10px;top:9px;border:0;background:#fff0f0;color:#ce3040;border-radius:7px;width:27px;height:27px;cursor:pointer}.repeater-empty{color:var(--muted);text-align:center;padding:17px;border:1px dashed #cad7e9;border-radius:10px}.sticky-actions{position:sticky;bottom:10px;z-index:10;display:flex;justify-content:flex-end;gap:9px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:12px;padding:11px;margin-top:18px;box-shadow:0 9px 28px rgba(35,71,119,.13)}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-weight:700;font-size:10px}.status-success{background:var(--success-light);color:#16813e}.status-info{background:#e8f4ff;color:#1760ae}.status-warning{background:var(--warning-light);color:#a36506}.status-danger{background:var(--danger-light);color:#c82f3c}.data-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.filters{display:flex;align-items:flex-end;gap:8px;flex:1;flex-wrap:wrap}.filters .field{min-width:120px}.filters .search-field{min-width:190px;flex:1}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:11px}.data-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.data-table th{background:#f7f9fc;color:#34435f;text-transform:uppercase;font-size:9px;letter-spacing:.03em;text-align:left;padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px;border-bottom:1px solid #edf1f6;font-size:11px;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fbfdff}.action-cell{display:flex;gap:5px;white-space:nowrap}.attendance-table input{max-width:110px}.total-row{font-weight:800;background:#f0f6ff}.dashboard-two-col{display:grid;grid-template-columns:1fr 1.07fr;gap:18px;margin-bottom:18px}.class-performance{display:flex;flex-direction:column;gap:9px}.class-row{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:10px;font-size:11px}.class-row .progress{margin:0}.weekly-list{display:flex;flex-direction:column}.weekly-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--border)}.weekly-item:last-child{border:0}.weekly-item img{width:42px;height:42px}.weekly-item strong{display:block;font-size:11px}.weekly-item b{color:#183f83}.attention-list{display:flex;flex-direction:column}.attention-item{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.attention-item:last-child{border:0}.attention-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff0df}.attention-icon img{width:30px;height:30px}.attention-item strong{display:block;font-size:11px}.attention-item small{color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.quick-action{display:flex;align-items:center;gap:9px;text-decoration:none;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fbfdff}.quick-action img{width:34px;height:34px}.quick-action strong{font-size:10px}.quick-action span{display:block;color:var(--muted);font-size:9px}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(7,25,54,.55)}.modal.open{display:grid}.modal-card{width:min(530px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.2);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h2{margin:0;font-size:18px}.modal-close{border:0;background:#f1f4f8;border-radius:50%;width:32px;height:32px;cursor:pointer}.empty-state{text-align:center;padding:35px 20px}.empty-state .empty-icon{display:grid;place-items:center;margin:0 auto 12px;width:60px;height:60px;border-radius:50%;background:#eaf3ff;color:var(--primary);font-size:28px;font-weight:800}.empty-state h1{font-size:22px}.empty-state p{color:var(--muted)}.plain-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--background)}.plain-card{width:min(600px,100%);background:#fff;border-radius:16px;box-shadow:var(--shadow)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-step{display:flex;gap:12px;padding:15px;border:1px solid var(--border);border-radius:12px}.help-step>b{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}.help-step h3{margin:0 0 4px;font-size:14px}.help-step p{margin:0;color:var(--muted);font-size:12px}.report-paper{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:28px;max-width:1000px;margin:0 auto}.report-head{display:flex;align-items:center;gap:16px;border-bottom:3px solid var(--primary);padding-bottom:15px;margin-bottom:18px}.report-head img{width:72px;height:72px;object-fit:contain}.report-head h1{font-size:21px;margin:0}.report-head p{margin:2px 0;color:var(--muted)}.report-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.meta-box{background:#f5f8fc;border-radius:9px;padding:10px}.meta-box small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.meta-box strong{font-size:12px}.report-section{margin:19px 0}.report-section h2{font-size:13px;color:var(--primary);border-bottom:1px solid var(--border);padding-bottom:6px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-field{border:1px solid var(--border);border-radius:8px;padding:9px}.report-field small{display:block;color:var(--muted);font-size:9px}.review-card{background:#f3f7ff;border-left:4px solid var(--primary);padding:12px;border-radius:8px;margin:8px 0}.review-card p{margin:5px 0}.image-thumb{display:inline-block;width:110px;height:75px;object-fit:cover;border-radius:8px;border:1px solid var(--border);margin-top:8px}.login-page{min-height:100vh;background:#eff5fc}.login-shell{display:grid;grid-template-columns:minmax(390px,42%) 1fr;min-height:100vh}.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:38px 45px;color:#fff;background:linear-gradient(160deg,#062d6d,#0d51ad 60%,#1670d9)}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}.login-visual:before{width:370px;height:370px;right:-160px;top:-100px}.login-visual:after{width:250px;height:250px;left:-100px;bottom:220px}.login-brand img{width:190px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.login-copy{margin:auto 0;max-width:520px;z-index:2}.login-copy h1{font-size:38px;line-height:1.15;margin:12px 0}.login-copy p{color:#d7e7ff;font-size:15px}.login-school{position:absolute;width:360px;max-height:390px;object-fit:contain;bottom:-20px;right:-20px;opacity:.95}.login-panel{display:flex;flex-direction:column;background:#fff;padding:35px 8%;min-width:0}.login-school-id{display:flex;align-items:center;gap:12px}.login-school-id img{width:64px;height:64px;object-fit:contain}.login-school-id div{display:flex;flex-direction:column}.login-school-id strong{font-size:15px}.login-school-id span{font-size:11px;color:var(--muted)}.login-form-wrap{width:min(490px,100%);margin:auto}.login-form-wrap h2{font-size:30px;margin:0 0 4px}.login-form-wrap>p{color:var(--muted);margin:0 0 23px}.login-form{display:flex;flex-direction:column;gap:16px}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-selector input{position:absolute;opacity:0}.role-selector span{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px;cursor:pointer}.role-selector img{width:38px;height:38px;border-radius:50%;object-fit:cover}.role-selector input:checked+span{border-color:#4f8ede;background:#edf5ff;box-shadow:0 0 0 3px #e2efff}.input-icon{position:relative}.input-icon>span{position:absolute;left:12px;top:11px;color:#7290b8}.input-icon input{padding-left:38px}.password-toggle{position:absolute;right:7px;top:6px;border:0;background:transparent;width:34px;height:34px;cursor:pointer}.login-footer{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:10px}.login-footer img{width:100px;height:52px;object-fit:contain}.login-alert{position:fixed;z-index:20;top:15px;left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 30px));box-shadow:var(--shadow)}.import-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.import-step{padding:12px;border-radius:10px;border:1px solid var(--border);text-align:center;font-size:11px}.import-step b{display:block;color:var(--primary);font-size:18px}.import-step.active{background:var(--primary-light);border-color:#b7d7ff}.error-list{margin:0;padding-left:15px;color:#bd2735}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.chart-box{position:relative;min-height:330px}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.summary-card{padding:16px;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.summary-card small{display:block;color:var(--muted)}.summary-card strong{font-size:25px;color:var(--primary)}.print-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:10px;padding:10px;background:#edf3fa}.print-page{padding:20px;background:#edf3fa}.mobile-overlay{display:none}.hidden{display:none!important}
@media(max-width:1100px){:root{--sidebar:184px}.main-content{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:205px}.module-grid{grid-template-columns:repeat(2,1fr)}.dashboard-two-col{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.topbar-right{gap:12px}.date-chip strong{max-width:140px}.login-copy h1{font-size:31px}}
@media(max-width:780px){:root{--topbar:76px}.sidebar{transform:translateX(-105%);transition:transform .22s ease;width:min(290px,86vw)}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open .mobile-overlay{display:block;position:fixed;inset:0;z-index:45;background:rgba(4,20,44,.5)}.app-shell{margin-left:0}.menu-toggle{display:block}.topbar{height:var(--topbar);padding:0 13px;gap:8px}.school-identity>img{width:44px;height:44px}.school-identity strong{font-size:11px}.school-identity span{font-size:9px}.topbar-right{margin-left:auto}.date-chip{display:none}.user-chip>img{width:40px;height:40px}.user-chip div,.user-chip .chevron{display:none}.main-content{padding:15px 13px}.hero-card{padding:17px;min-height:120px}.hero-card h1{font-size:19px}.hero-card .hero-school{width:160px;margin-right:-30px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:21px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:180px;padding:15px 8px}.stat-icon{width:54px;height:54px}.stat-icon img{width:48px;height:48px}.stat-value{font-size:23px}.module-grid{gap:9px}.module-card{min-height:174px;padding:10px 5px}.module-card img{width:67px;height:67px}.module-card h3{font-size:12px}.dashboard-bottom,.chart-grid{grid-template-columns:1fr}.support-strip{padding:7px 10px}.support-strip .btn{display:none}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.form-grid .full{grid-column:1}.teacher-checks{grid-template-columns:1fr 1fr}.sticky-actions{position:static;justify-content:stretch}.sticky-actions .btn{flex:1}.data-toolbar{align-items:stretch;flex-direction:column}.filters{display:grid;grid-template-columns:1fr 1fr}.filters .search-field{grid-column:1/-1}.quick-actions{grid-template-columns:1fr 1fr}.help-grid{grid-template-columns:1fr}.report-paper{padding:16px}.report-meta{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-visual{min-height:235px;padding:25px}.login-brand img{width:160px}.login-copy{margin:22px 0 70px;max-width:76%}.login-copy h1{font-size:25px}.login-copy p{display:none}.login-school{width:200px;right:-20px;bottom:-28px}.login-panel{padding:24px 20px;min-height:calc(100vh - 235px)}.login-form-wrap{margin:35px auto}.login-form-wrap h2{font-size:25px}.role-selector span{padding:8px 5px}.role-selector b{font-size:11px}.login-footer{margin-top:20px}.import-steps{grid-template-columns:1fr 1fr}.summary-cards{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.school-identity strong{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card .hero-school{display:none}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:168px}.module-grid{grid-template-columns:1fr 1fr}.teacher-checks{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters .search-field{grid-column:1}.quick-actions{grid-template-columns:1fr}.login-copy{max-width:100%}.summary-cards{grid-template-columns:1fr}.button-row .btn{flex:1}}
@media print{body{background:#fff!important}.print-toolbar,.sidebar,.topbar,.app-footer,.page-heading,.report-actions,.alert{display:none!important}.app-shell{margin:0}.main-content,.print-page{padding:0}.report-paper{border:0;box-shadow:none;padding:0;max-width:none}.report-head{border-color:#123f7c}.data-table{min-width:0}.data-table th,.data-table td{padding:6px;font-size:9px}@page{size:A4;margin:12mm}}