:root{--ink:#172e38;--muted:#7c8b92;--teal:#117f75;--line:#e8eeed;--canvas:#f6f8f9}body.school-app{background:var(--canvas);color:var(--ink);overflow:auto;font-size:13px}.school-shell{min-height:100vh}.school-sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:#fff;border-left:1px solid var(--line);padding:30px 18px 18px;display:flex;flex-direction:column;z-index:1020;overflow:auto}.school-brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-size:15px;font-weight:bold;text-decoration:none;margin:0 5px 34px}.school-brand small{display:block;font-size:9px;color:var(--muted);font-weight:normal;margin-top:7px}.brand-mark{background:var(--teal);color:#fff;border-radius:14px;width:43px;height:45px;display:grid;place-items:center;font-size:25px}.nav-caption{font-size:10px;color:#9aa6aa;padding:0 15px;margin:18px 0 9px}.school-nav-link{display:flex;gap:12px;align-items:center;padding:12px 15px;margin:3px 0;color:#677b83;text-decoration:none;border-radius:9px;font-size:12px}.school-nav-link:hover{color:var(--teal);background:#f3f9f7}.school-nav-link.active{background:#e7f4ef;color:#087969;font-weight:bold}.nav-icon{font-family:Arial,sans-serif;font-size:20px;width:22px;text-align:center;line-height:1}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:auto;padding-top:18px;font-size:11px}.sidebar-bottom small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.sidebar-bottom>a{margin-right:auto;font-size:22px;color:#7b8d94;text-decoration:none}.avatar{width:37px;height:37px;border-radius:50%;background:#eaf0f5;color:#56778e;display:inline-grid;place-items:center;flex-shrink:0}.school-workspace{margin-right:250px;min-height:100vh;display:flex;flex-direction:column}.school-topbar{height:78px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:11px;gap:16px}.breadcrumb-divider{margin:0 16px;color:#b6c2c6}.topbar-date{display:flex;align-items:center;gap:9px;color:#5d717c;font-size:11px}.date-caption{padding-right:12px;border-right:1px solid var(--line);color:#9aa6aa}.live-dot{width:6px;height:6px;background:#23a98b;border-radius:50%}.school-main{padding:32px 38px;flex:1;max-width:1700px;width:100%;margin:auto}.school-footer{padding:18px 38px;display:flex;justify-content:space-between;font-size:10px;color:#99a7ab;border-top:1px solid var(--line)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.page-heading h1{font-size:23px;line-height:1.7;font-weight:bold;margin:0 0 5px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.eyebrow{font-size:10px;color:var(--teal);margin-bottom:8px}.school-app .btn{border-radius:8px;font-size:11px;padding:10px 17px;box-shadow:none}.school-app .btn-primary{background:var(--teal);border-color:var(--teal)}.school-app .btn-primary:hover{background:#08695f}.school-app .btn-light{background:#fff;border:1px solid #dfe7e6;color:#526d76}.school-app .btn-sm{padding:6px 11px;font-size:10px}.school-app .card:hover{transform:none;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 5px #203c4502}.stat-card{padding:21px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6e828a}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf5f5;color:var(--teal);font-size:18px}.stat-number{font-size:32px;font-weight:bold;line-height:1.9}.stat-foot{font-size:10px;color:#99a7ac}.stat-foot .positive{color:#18937e}.stat-card.red .stat-icon{color:#d46c70;background:#fff0f0}.stat-card.amber .stat-icon{color:#c49739;background:#fff7e7}.stat-card.blue .stat-icon{color:#6288c7;background:#eef4fd}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:23px;margin-bottom:23px}.panel{margin-bottom:22px;overflow:hidden}.dashboard-grid .panel{margin-bottom:0}.panel-head{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f3f3}.panel-head h2{font-size:13px;font-weight:bold;margin:0}.panel-head small{font-size:10px;color:var(--muted)}.panel-head a{font-size:10px;color:var(--teal);text-decoration:none}.panel-body{padding:23px}.muted{color:var(--muted)}.small-text{font-size:11px}.school-app .table{font-size:11px;margin:0;color:var(--ink)}.school-app .table th{background:#f8fafb;color:#82949a;font-weight:normal;border-bottom:1px solid var(--line);padding:13px 19px;white-space:nowrap}.school-app .table td{padding:15px 19px;vertical-align:middle;border-color:#f0f3f4;color:#4e6570}.school-app .table td strong{font-weight:normal;color:var(--ink)}.school-app .table td small{display:block;font-size:9px;color:#91a0a5;margin-top:5px}.badge-status{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 9px;font-size:10px;white-space:nowrap;background:#f0f3f6;color:#7d8a93}.badge-status.present,.badge-status.sent,.badge-status.simulated{color:#15977e;background:#e9f7f0}.badge-status.absent,.badge-status.failed{color:#d66a72;background:#fff0f1}.badge-status.late,.badge-status.pending,.badge-status.unknown{color:#ba8d32;background:#fff7e4}.badge-status.excused{color:#6f8fba;background:#edf3fc}.class-line{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f1f4f4}.class-line:last-child{border-bottom:0}.class-symbol{width:37px;height:37px;border-radius:10px;background:#f1f5f8;color:#7390a3;display:grid;place-items:center}.class-line h3{font-size:11px;margin:0 0 6px}.class-line small{font-size:9px;color:#8b9ca3}.class-line .class-meta{flex:1}.class-line a{text-decoration:none;color:var(--teal);font-size:10px}.progress-track{height:5px;border-radius:5px;background:#edf3f1;overflow:hidden;margin-top:8px}.progress-track>span{display:block;height:100%;background:#4aa797;border-radius:5px}.sms-callout{background:#f0f8f5;border:1px solid #daeee4;padding:19px;border-radius:10px;display:flex;gap:15px;margin-bottom:20px}.sms-callout h3{font-size:12px;margin:0 0 8px;color:#21776b}.sms-callout p{font-size:10px;color:#78958d;line-height:2;margin:0}.sms-metrics{display:flex;justify-content:space-around;text-align:center;margin:25px 0}.sms-metrics strong{display:block;font-size:24px;margin-bottom:6px}.sms-metrics span{color:var(--muted);font-size:10px}.chart-bars{height:155px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:15px 12px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#f0f4f3 38px,#f0f4f3 39px)}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.chart-bar{width:60%;max-width:34px;background:#6bb6a8;border-radius:5px 5px 0 0;min-height:2px}.chart-column small{font-size:9px;color:#8c9ca2;background:#fff;white-space:nowrap}.chart-column b{font-size:9px;color:#67988e;font-weight:normal}.filter-bar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;background:#fff;padding:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.filter-bar label{flex:1;min-width:130px}.school-app .form-label,.filter-bar label{font-size:11px;color:#627680}.school-app .form-control,.school-app .form-select{border-color:#dfe7e8;border-radius:8px;font-size:12px;padding:10px 12px}.school-app .form-select{padding-left:32px}.school-app .form-control:focus,.school-app .form-select:focus{box-shadow:0 0 0 3px #117f7515;border-color:#5da79e}.filter-bar input,.filter-bar select{margin-top:7px}.empty-state{text-align:center;padding:65px 25px;color:#82959d}.empty-icon{font-size:35px;color:#b2c9c5;margin-bottom:15px}.empty-state h2{font-size:15px;color:#526d76}.empty-state p{font-size:12px;line-height:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid .full-width{grid-column:1/-1}.form-actions{display:flex;gap:10px;align-items:center;padding-top:24px}.school-app .alert{font-size:12px;line-height:2;border-radius:10px}.notice{padding:16px 20px;border:1px solid #e1ebe8;background:#f1f8f6;border-radius:10px;color:#607f77;font-size:11px;line-height:2;margin-bottom:20px}.attendance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 22px}.attendance-status{min-width:125px}.attendance-note{min-width:170px}.save-bar{position:sticky;bottom:14px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;padding:18px 22px;border:1px solid #dce7e3;border-radius:12px;box-shadow:0 5px 25px #163a3310;margin-top:20px}.save-bar label{font-size:11px}.school-app input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;vertical-align:middle;margin-left:6px}.message-text{max-width:360px;min-width:220px;white-space:pre-wrap;line-height:2}.code-label{direction:ltr;display:inline-block;background:#f1f5f4;border-radius:4px;padding:2px 6px;font-family:monospace}.mobile-menu{display:none}.school-app .card-header{color:var(--ink);background:#fff}.school-app .card{border:1px solid var(--line);box-shadow:none}.school-app a{overflow-wrap:anywhere}.error-hint{color:#bb6a71;font-size:10px}.pagination-links{display:flex;gap:15px;justify-content:center;margin:20px}.form-check-row{display:flex;gap:8px;align-items:center;line-height:2}.staff-note{font-size:10px;color:#86979b;margin-top:10px}.summary-strip{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.summary-strip>span{background:#fff;padding:12px 18px;border:1px solid var(--line);border-radius:9px;font-size:11px}.summary-strip b{margin-right:8px;color:var(--teal)}@media(min-width:1600px){.school-main{padding:38px 55px}}@media(max-width:1150px){.school-sidebar{width:220px;padding:25px 12px 15px}.school-workspace{margin-right:220px}.school-main{padding:25px}.school-topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:17px}.dashboard-grid{grid-template-columns:1fr 1fr}.school-brand{font-size:13px}}@media(max-width:850px){.school-sidebar{transform:translateX(100%);transition:transform .2s;width:250px;box-shadow:-15px 0 50px #203c4510}.school-sidebar.open{transform:translateX(0)}.school-workspace{margin-right:0}.mobile-menu{display:inline-block;border:0;background:#eef5f2;color:var(--teal);border-radius:6px;padding:6px 10px;margin-left:10px}.school-main{padding:22px 18px}.school-topbar{padding:0 18px;height:68px}.school-topbar .muted,.breadcrumb-divider{display:none}.school-brand{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.school-footer{padding:18px}}@media(max-width:600px){.dashboard-grid,.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:20px}.page-heading p{font-size:11px}.stat-number{font-size:28px}.stat-top{font-size:10px}.school-footer span{display:none}.date-caption{display:none}.save-bar{align-items:flex-start;flex-direction:column}.school-topbar strong{font-size:10px}.filter-bar{padding:15px}.filter-bar label{min-width:100%}.school-app .table td,.school-app .table th{padding:12px}.panel-body{padding:18px}}@media print{.school-sidebar,.school-topbar,.school-footer,.filter-bar,.page-heading .btn,.save-bar{display:none!important}.school-workspace{margin:0}.school-main{padding:0}.panel{border:0}.school-app .table{font-size:10px}.table-responsive{overflow:visible}}