@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Nunito:wght@500;600;700;800&family=Sora:wght@600;700&display=swap";:root{--font-base:"Manrope", "Segoe UI", sans-serif;--font-heading:"Sora", "Manrope", sans-serif;--font-student:"Nunito", "Manrope", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-base);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;margin:0;line-height:1.45;overflow-x:hidden}.api-loading-overlay{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0412228c;place-items:center;display:grid;position:fixed;inset:0}.api-loading-card{background:#f7fbff;border:1px solid #cfe2f0;border-radius:16px;justify-items:center;width:min(320px,100% - 32px);padding:20px 18px;display:grid;box-shadow:0 26px 45px #020e1e4d}.app-loader{justify-items:center;gap:10px;display:grid}.app-loader p{color:#1c3d5d;text-align:center;margin:0;font-size:.95rem;font-weight:700}.app-loader-visual{place-items:center;display:grid;position:relative}.app-loader-lottie{width:100%;height:100%}.app-loader-lottie svg{display:block;width:100%!important;height:100%!important}.app-loader--sm .app-loader-visual{width:84px;height:84px}.app-loader--md .app-loader-visual{width:124px;height:124px}.app-loader--lg .app-loader-visual{width:156px;height:156px}.app-loader--overlay{gap:12px}.app-loader--inline{min-height:140px}.app-loader--page{padding-block:8px}.app-loader-fallback{border:3px solid #0e749026;border-top-color:#0e7490;border-radius:999px;width:42px;height:42px;margin-top:-21px;margin-left:-21px;animation:.8s linear infinite quiz-spin-anim;position:absolute;inset:50% auto auto 50%}@keyframes loaderPulse{0%{transform:scale(.95);box-shadow:0 0 #0e749059}70%{transform:scale(1);box-shadow:0 0 0 14px #0e749000}to{transform:scale(.95);box-shadow:0 0 #0e749000}}@keyframes loaderSlide{0%{transform:translate(-120%)}to{transform:translate(255%)}}@keyframes loaderGlow{0%{transform:translate(-160%)}to{transform:translate(340%)}}.simple-shell-loader{place-items:center;min-height:calc(100svh - 48px);display:grid}.simple-shell-card-loader{text-align:center;justify-items:center;gap:10px;display:grid}.simple-shell-card-loader p{color:#587593;margin:0}.simple-shell{background:radial-gradient(circle at 0 100%,#f59e0b33,#0000 30%),linear-gradient(130deg,#f8fafc,#eff6ff);place-items:center;min-height:100svh;padding:24px;display:grid}.simple-shell-card{background:#fff;border:1px solid #dbe4ef;border-radius:18px;gap:14px;width:min(560px,100%);padding:28px;display:grid;box-shadow:0 18px 45px #0f172a1f}.simple-shell-card h2{color:#10263f;font-family:var(--font-heading);margin:0}.simple-shell-card p{color:#546579;margin:0}.school-portal-fieldset{border:0;margin:0;padding:0}.school-portal-options,.school-portal-switch{flex-wrap:wrap;gap:10px;display:inline-flex}.school-portal-option{color:#2e4c70;cursor:pointer;background:#ffffffe6;border:1px solid #bdcce4f2;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.school-portal-option input{accent-color:#ec5346;margin:0}.school-portal-option.is-active{color:#a12f28;background:#fff0ece6;border-color:#ef3a3494}.copyright-footer{color:inherit;font-size:.9rem;line-height:1.5}.copyright-footer strong{font-weight:800}.school-portal-switch{margin-top:16px}.portal-copyright{text-align:center;color:#6b7f8f;max-width:1320px;margin:16px auto 0}.sidebar-brand-logo{object-fit:contain;width:148px;max-width:100%;height:auto;display:block}.brand-label,.nav-label,.logout-label{white-space:nowrap;text-overflow:ellipsis;opacity:1;max-width:180px;transition:opacity .18s,max-width .18s,margin .18s;overflow:hidden}.sidebar-toggle-btn{color:#123b60;cursor:pointer;background:#ffffffd9;border:1px solid #891e341f;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .14s,border-color .14s,transform .14s;display:inline-grid;box-shadow:0 8px 18px #123b6014}.sidebar-toggle-btn:hover{background:#fff;border-color:#891e3438;transform:translateY(-1px)}.sidebar-logout{color:#6b243d;cursor:pointer;background:#ffffffc7;border:1px solid #891e3424;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #123b6014}.unit-drag-handle{color:#1e3a8a;cursor:grab;background:#f8fbff;border:1px dashed #93c5fd;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-weight:700;display:inline-flex}.unit-drag-handle:active{cursor:grabbing}.unit-drag-handle:disabled{cursor:not-allowed;opacity:.5;border-style:solid}.class-division-builder{gap:10px}.class-division-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.class-division-chip{align-items:center;gap:6px;padding-right:6px;display:inline-flex}.class-division-chip button{color:#11506a;cursor:pointer;background:#11506a1f;border:0;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.class-division-editor{background:#f7fbfe;border:1px solid #d7e6f2;border-radius:12px;gap:12px;padding:14px;display:grid}.class-division-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.class-division-editor-header h4{color:#102c46;margin:0;font-size:.98rem}.class-division-editor-header p,.class-division-empty{color:#6b7d8e;margin:2px 0 0;font-size:.82rem}.class-division-list{gap:8px;display:grid}.class-division-row{background:#fff;border:1px solid #dceaf4;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 10px;display:flex}.class-division-row span{color:#102c46;font-weight:800}.class-division-edit-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.table-empty-pill{color:#56677a;background:#eef2f7;border:1px solid #d8e1ea;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:600;display:inline-block}.custom-select{min-width:200px;position:relative}.custom-select.is-open{z-index:200}.custom-select.is-disabled{opacity:.6}.custom-select-trigger{color:#1c3349;width:100%;min-height:42px;font-size:.92rem;font-family:var(--font-base);cursor:pointer;background:linear-gradient(#fff 0%,#f5faff 100%);border:1px solid #c3d2e1;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;transition:border-color .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #08182c0a}.custom-select-trigger:hover{background:linear-gradient(#fff 0%,#f0f7ff 100%);border-color:#afc3d8}.custom-select.is-open .custom-select-trigger{border-color:#0e7490;box-shadow:0 0 0 4px #0e74901f,0 10px 24px #0a21391f}.custom-select-label{text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.custom-select-menu{z-index:140;background:#fff;border:1px solid #c6d8ea;border-radius:12px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #0e223829}.custom-select-option{color:#1f374e;text-align:left;width:100%;min-height:36px;font-size:.9rem;font-family:var(--font-base);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px}.custom-select-option:hover{background:#edf5ff}.custom-select-option.is-active{color:#0f3f78;background:linear-gradient(135deg,#d7e8ff 0%,#c6defd 100%);font-weight:700}.date-picker{position:relative}.date-picker-trigger{color:#1b3550;width:100%;min-height:44px;font-size:.95rem;font-family:var(--font-base);cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c9d6e3;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;transition:border-color .14s,box-shadow .14s,background .14s;display:inline-flex}.date-picker-trigger:hover{background:linear-gradient(#fff 0%,#f2f8ff 100%);border-color:#b5c6d8}.date-picker.is-open .date-picker-trigger{border-color:#0e7490;box-shadow:0 0 0 4px #0e749024,0 10px 24px #0824441a}.date-picker-label.is-placeholder{color:#6c8197}.date-picker-popover{z-index:30;background:#fff;border:1px solid #c6d8ea;border-radius:14px;gap:8px;width:min(320px,100%);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 38px #0a213929}.date-picker-header{justify-content:space-between;align-items:center;display:flex}.date-picker-header strong{color:#123b60;font-size:.95rem}.date-picker-nav{color:#30506f;cursor:pointer;background:#f8fbff;border:1px solid #d2dfeb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.date-picker-weekdays{text-align:center;color:#607890;grid-template-columns:repeat(7,minmax(0,1fr));font-size:.78rem;font-weight:700;display:grid}.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.date-picker-day{color:#173a5c;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:32px;font-size:.86rem}.date-picker-day:hover{background:#eaf4ff}.date-picker-day.is-muted{color:#91a4b7}.date-picker-day.is-selected{color:#fff;background:linear-gradient(135deg,#0e7490 0%,#0b5f75 100%);font-weight:700}.date-picker-day.is-disabled,.date-picker-day:disabled{cursor:not-allowed;color:#afbdca;background:#f5f8fb}.date-picker-day.is-disabled:hover,.date-picker-day:disabled:hover{background:#f5f8fb}.date-picker-actions{justify-content:flex-end;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-weight:700;display:inline-flex}.table-action-btn.view{color:#134b84;background:#e8f2ff;border-color:#c9def8}.table-action-btn.edit{color:#1d6b41;background:#e8f9f0;border-color:#c4ecd5}.table-action-btn.delete{color:#9f1d1d;background:#ffecec;border-color:#ffd0d0}.top-modal-backdrop{z-index:40;background:#05142785;justify-content:center;align-items:flex-start;padding:18px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.top-modal-panel{background:#fff;border:1px solid #d6e4f1;border-radius:16px;gap:14px;width:min(720px,100%);padding:16px;animation:.18s forwards topModalEnter;display:grid;box-shadow:0 28px 50px #0411224d}.top-modal-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.top-modal-header h3{color:#102f4f;font-family:var(--font-heading);margin:0;font-size:1.05rem}.top-modal-close{color:#2a4562;cursor:pointer;background:#f8fbff;border:1px solid #d6e2ef;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.modal-details-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;display:grid}.modal-details-grid label{color:#5f7288;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.8rem;display:block}.modal-details-grid p{color:#1d344c;margin:0;font-weight:600}.modal-details-row{grid-column:1/-1}.subject-selector{border:1px solid #d2dfeb;border-radius:12px;margin:0;padding:12px}.subject-selector legend{color:#2e475f;padding:0 8px;font-size:.9rem;font-weight:700}.subject-selector-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;display:grid}.subject-empty{color:#587288;margin:0;font-size:.9rem}.assignment-groups-panel{gap:10px;display:grid}.assignment-groups-panel>label{color:#1f2937;font-size:.92rem;font-weight:700}.assignment-class-selector{margin:0}.assignment-class-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.assignment-class-column{background:#fbfdff;border:1px solid #d7e5f1;border-radius:10px;gap:8px;padding:10px;display:grid}.assignment-class-column h4{color:#164266;margin:0;font-size:.9rem}.assignment-class-list{gap:6px;display:grid}.assignment-groups-list{gap:10px;display:grid}.assignment-group-card{background:#fbfdff;border:1px solid #d7e5f1;border-radius:12px;gap:10px;padding:12px;display:grid}.assignment-group-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.assignment-group-header h4{color:#164266;margin:0;font-size:.95rem}.assignment-view-list{gap:8px;display:grid}.assignment-view-item{background:#f8fbff;border:1px solid #d6e3ef;border-radius:10px;gap:8px;padding:10px;display:grid}.assignment-view-item h4{color:#153d62;margin:0;font-size:.92rem}.checkbox-row{color:#334155;align-items:center;gap:8px;font-weight:500;display:inline-flex}.schedule-empty-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.schedule-empty-state svg{color:#d1d5db}.schedule-empty-state p{max-width:340px;font-size:.9rem}.schedule-day-group{margin-bottom:8px}.schedule-day-group:last-child{margin-bottom:0}.schedule-day-header{letter-spacing:.06em;text-transform:uppercase;color:#0e7490;background:#f0fdff;border-bottom:1px solid #e0f2fe;padding:10px 20px 8px;font-size:.75rem;font-weight:700}.schedule-time-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.schedule-zoom-link{color:#0e7490;white-space:nowrap;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .13s;display:inline-flex}.schedule-zoom-link:hover{background:#bae6fd}.schedule-ongoing{color:#6b7280;font-size:12px;font-style:italic}.schedule-form-modal{flex-direction:column;width:min(560px,100vw - 32px);max-height:min(92vh,800px);display:flex;overflow:hidden}.schedule-modal-body{flex:1;padding:20px 24px 24px;overflow-y:auto}.schedule-time-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.schedule-edit-meta{background:#f0fdff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:4px;padding:10px 14px}.schedule-edit-meta strong{color:#0e7490;font-size:.875rem;display:block}.schedule-edit-meta span{color:#6b7280;font-size:12px}.enrollment-request-tabs{background:#f3f8ff;border:1px solid #d5e2ef;border-radius:14px;flex-wrap:wrap;gap:8px;padding:6px;display:inline-flex}.enrollment-request-tabs button{color:#335777;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:38px;padding:0 14px;font-weight:700}.enrollment-request-tabs button.is-active{color:#133f6c;background:#fff;border-color:#bfd2e8;box-shadow:0 6px 14px #113d681a}.table-action-btn.approve{color:#1f7a49;background:#e9f9ef;border-color:#c8edd6}.table-action-btn.reject{color:#a72323;background:#ffeded;border-color:#ffd1d1}.enrollment-request-actions{gap:8px;display:inline-flex}.enrollment-proof-modal{width:min(840px,100%)}.enrollment-proof-image-wrap{background:#f6fbff;border:1px solid #d7e4ef;border-radius:12px;width:100%;overflow:hidden}.enrollment-proof-image-wrap img{object-fit:contain;width:100%;height:auto;max-height:72vh;display:block}.ch-blob{pointer-events:none;z-index:0;border-radius:999px;position:absolute}.ch-blob-pink{filter:blur(14px);background:radial-gradient(circle,#ef3a342e 0%,#0000 70%);width:220px;height:220px;top:-20px;left:-10px}.ch-blob-blue{filter:blur(14px);background:radial-gradient(circle,#4379e033 0%,#0000 70%);width:200px;height:200px;top:-30px;right:-10px}.ch-arc{pointer-events:none;z-index:1;opacity:.55;position:absolute}.ch-arc-outer{width:320px;height:320px;animation:28s linear infinite ch-spin-slow;top:50%;left:50%;transform:translate(-50%,-50%)}.ch-arc-inner{width:230px;height:230px;animation:20s linear infinite reverse ch-spin-slow;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ch-spin-slow{to{transform:translate(-50%,-50%)rotate(360deg)}}.ch-badge{z-index:3;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;animation:3.6s ease-in-out infinite ch-float;display:inline-flex;position:absolute;box-shadow:0 6px 20px #0f335824}.ch-badge-book{color:#ef3a34;animation-duration:3.8s;animation-delay:0s;top:12%;left:8%}.ch-badge-cap{color:#4379e0;animation-duration:4.2s;animation-delay:.9s;top:8%;right:5%}.ch-badge-globe{color:#1d6bd6;animation-duration:3.6s;animation-delay:1.7s;top:42%;right:2%}.ch-badge-spark{color:#d97706;animation-duration:4s;animation-delay:.4s;top:68%;left:4%}@keyframes ch-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.ch-diamond{z-index:3;border-radius:3px;width:10px;height:10px;animation:3.2s ease-in-out infinite ch-float;position:absolute;transform:rotate(45deg)}.ch-diamond-1{opacity:.7;background:#ef3a34;animation-delay:.5s;top:22%;right:18%}.ch-diamond-2{opacity:.6;background:#4379e0;animation-delay:1.2s;top:55%;left:14%}.ahc-class-list{flex-direction:column;gap:2px;display:flex}.ahc-class-card{background:#f9fafb;border-left:4px solid #0000;border-radius:10px;padding:14px 16px;transition:background .15s}.ahc-class-card:hover{background:#f3f4f6}.ahc-class-green{border-left-color:#10b981}.ahc-class-amber{border-left-color:#f59e0b}.ahc-class-red{border-left-color:#ef4444}.ahc-class-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ahc-class-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ahc-dot-green{background:#10b981}.ahc-dot-amber{background:#f59e0b}.ahc-dot-red{background:#ef4444}.ahc-class-name{color:#111827;flex:1;font-size:.92rem;font-weight:600}.ahc-class-section{color:#6b7280;font-size:.85rem;font-weight:400}.ahc-class-pct{flex-shrink:0;font-size:.95rem;font-weight:700}.ahc-pct-green{color:#059669}.ahc-pct-amber{color:#d97706}.ahc-pct-red{color:#dc2626}.ahc-bar-track{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.ahc-bar-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.ahc-bar-green{background:linear-gradient(90deg,#34d399,#10b981)}.ahc-bar-amber{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.ahc-bar-red{background:linear-gradient(90deg,#fca5a5,#ef4444)}.ahc-class-note{flex-wrap:wrap;gap:8px;display:flex}.ahc-note-tag{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-block}.ahc-note-green{color:#059669;background:#ecfdf5}.ahc-note-amber{color:#d97706;background:#fffbeb}.aht-teacher-section{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:20px}.aht-accordion-header{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 0;font-size:.95rem;font-weight:600;transition:color .15s;display:flex}.aht-accordion-header:hover{color:#111827}.aht-teacher-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.aht-teacher-row{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.aht-teacher-name{color:#374151;min-width:140px;font-size:.88rem;font-weight:500}.aht-bar-track{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.aht-teacher-pct{text-align:right;flex-shrink:0;min-width:36px;font-size:.85rem;font-weight:700}.aht-warning-tag{color:#dc2626;background:#fef2f2;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.progress-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.progress-status-svg{object-fit:contain;flex-shrink:0;width:32px;height:32px}.progress-status-badge--ahead{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e40}.progress-status-badge--on-time{color:#b45309;background:#eab3081f;border:1px solid #eab30847}.progress-status-badge--behind{color:#dc2626;background:#ef44441a;border:1px solid #ef444438}.progress-bar-cell{align-items:center;gap:7px;min-width:110px;display:flex}.progress-bar-track{background:#e8eef5;border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2fb4ff,#2563eb);border-radius:999px;height:100%;transition:width .35s}.progress-bar-cell span{color:#4f6884;text-align:right;min-width:34px;font-size:.8rem}.progress-no-content{color:#9ab;font-size:.82rem}.class-progress-table td{vertical-align:middle}.class-progress-table th{white-space:nowrap}.progress-kpi-svg{object-fit:contain;width:44px;height:44px;margin-bottom:4px}.progress-kpi-icon{color:inherit;flex-shrink:0;margin-bottom:4px}