@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary:#1a237e;--primary-dark:#0d1445;--primary-light:#4a5fc1;--secondary:#2c3e50;--accent:#9b59b6;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--info:#3498db;--light:#f8f9fa;--gray:#95a5a6;--light-gray:#ecf0f1;--border:#e0e6ed;--shadow:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--ee-color:#27ae60;--me-color:#2ecc71;--ae-color:#f39c12;--be-color:#e74c3c;--sidebar-width:260px;--sidebar1-width:60px;--header-height:70px;--mobile-nav-height:65px;--whatsapp:#25d366;--whatsapp-dark:#128c7e;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7fb;color:#2c3e50;color:var(--secondary);min-height:100vh;overflow-x:hidden}.d-none{display:none!important}.d-flex{display:flex!important}.justify-between{justify-content:space-between!important}.align-center{align-items:center!important}.text-center{text-align:center!important}.mb-20{margin-bottom:20px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.p-20{padding:20px!important}.gap-10{gap:10px!important}.gap-15{gap:15px!important}.gap-20{gap:20px!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1 1!important}.w-100{width:100%!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#e0e6ed;background:var(--border);border-radius:4px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{margin-left:60px;margin-left:var(--sidebar1-width);padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.content-area{margin:0;max-width:100%;padding:0}.top-header{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);height:var(--header-height);padding:0 10px!important}.top-header .page-title{color:#2c3e50;color:var(--secondary);font-size:24px;font-weight:700}.header-actions{align-items:center;display:flex;gap:20px}.search-box{position:relative}.search-box input{border:1px solid #e0e6ed;border:1px solid var(--border);border-radius:8px;font-size:14px;padding:10px 15px 10px 40px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:300px}.search-box input:focus{border-color:#1a237e;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a;outline:none}.search-box .search-icon{color:#95a5a6;color:var(--gray);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.notifications{cursor:pointer;position:relative}.notification-badge{align-items:center;background:#e74c3c;background:var(--danger);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.notification-icon{color:#2c3e50;color:var(--secondary);font-size:20px}.sync-status{font-size:13px;gap:8px;padding:8px 15px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.sync-status .fa-spin{animation-duration:1s}.sidebar{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);padding-bottom:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#e0e6ed;background:var(--border);border-radius:4px}.sidebar-header{border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);gap:15px;padding:25px 20px}.school-logo{height:50px;width:50px}.school-name{font-size:16px}.school-status{font-size:11px;letter-spacing:.5px;padding:3px 10px}.sidebar-nav{padding:20px 0}.nav-item{color:var(--dark);margin-bottom:5px;padding:14px 25px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%}.nav-item.active{background:linear-gradient(90deg,#1a237e1a,#1a237e0d);border-right:3px solid #1a237e;border-right:3px solid var(--primary)}.nav-item .nav-icon{font-size:18px;width:30px}.nav-item .nav-label{font-size:15px}.nav-badge{font-size:11px;min-width:20px;padding:2px 8px}.sidebar-footer{border-top:1px solid #e0e6ed;border-top:1px solid var(--border);padding:20px}.user-profile{gap:12px}.user-avatar{height:40px;width:40px}.user-info h4{font-size:14px;margin-bottom:2px}.user-info p{font-size:12px}.logout-btn{border-radius:8px;color:#e74c3c;color:var(--danger);padding:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.logout-btn:hover{background:#f8f9fa;background:var(--light)}.mobile-nav{align-items:center;background:#fff;bottom:0;box-shadow:0 -4px 20px #00000014;display:none;height:65px;height:var(--mobile-nav-height);justify-content:space-around;left:0;padding:0 5px calc(5px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(5px + var(--safe-bottom));position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;background:none;border:none;color:#95a5a6;color:var(--gray);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:8px 5px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.mobile-nav-item.active{color:#1a237e;color:var(--primary)}.mobile-nav-item.active:before{background:#1a237e;background:var(--primary);border-radius:0 0 3px 3px;content:"";height:3px;position:absolute;top:-8px;width:40px}.mobile-nav-item .mobile-nav-icon{font-size:20px;margin-bottom:4px}.mobile-nav-item .mobile-nav-label{font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn{margin-right:20px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.btn:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.btn-primary{background:#fff;color:#1a237e;color:var(--primary)}.btn-primary:hover{background:#f8f9fa;background:var(--light)}.btn-outline{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.btn-success{background:#27ae60;background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:#e74c3c;background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-warning{background:#f39c12;background:var(--warning);color:#fff}.btn-warning:hover{opacity:.9}.btn-info{background:#3498db;background:var(--info);color:#fff}.btn-info:hover{opacity:.9}.btn-whatsapp{background:#25d366;background:var(--whatsapp);color:#fff}.btn-whatsapp:hover{background:#128c7e;background:var(--whatsapp-dark);box-shadow:0 5px 15px #25d3664d}.btn-sm{font-size:12px;padding:6px 12px}.btn-lg{font-size:16px;padding:15px 30px}.welcome-banner{align-items:center;background:linear-gradient(135deg,#1a237e,#9b59b6);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border-radius:15px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:25px 30px;position:relative}.welcome-banner:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-50%;top:-50%;width:200px}.welcome-content h1{font-size:24px;font-weight:700;margin-bottom:8px}.welcome-content h1 span{color:gold}.welcome-content p{font-size:15px;max-width:500px;opacity:.9}.welcome-actions{display:flex;flex-wrap:wrap;gap:15px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-left:4px solid #1a237e;border-left:4px solid var(--primary);border-radius:15px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.stat-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card:before{background:linear-gradient(90deg,#1a237e,#9b59b6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.stat-title{color:#95a5a6;color:var(--gray);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:22px;height:50px;justify-content:center;width:50px}.stat-icon.students{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.teachers{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.exams{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.submissions{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.results{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.subscription{background:linear-gradient(135deg,#a8edea,#fed6e3);color:var(--dark)}.stat-icon.storage{background:linear-gradient(135deg,#d299c2,#fef9d7);color:var(--dark)}.stat-icon.sync{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.stat-value{color:#2c3e50;color:var(--secondary);font-size:32px;font-weight:700;margin-bottom:8px}.stat-value.loading{animation:pulse 1.5s ease-in-out infinite}.stat-footer{border-top:1px solid #e0e6ed;border-top:1px solid var(--border);justify-content:space-between;margin-top:15px;padding-top:15px}.stat-change,.stat-footer{align-items:center;display:flex}.stat-change{font-size:13px;font-weight:600;gap:5px}.stat-change.positive{color:#27ae60;color:var(--success)}.stat-change.negative{color:#e74c3c;color:var(--danger)}.stat-more{background:none;border:none;color:#1a237e;color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.stat-more:hover{color:#0d1445;color:var(--primary-dark)}.status-indicator{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px}.status-dot{border-radius:50%;height:10px;width:10px}.status-active{background:#27ae60;background:var(--success)}.status-warning{background:#f39c12;background:var(--warning)}.status-danger{background:#e74c3c;background:var(--danger)}.status-info{background:#3498db;background:var(--info)}.recent-activity{background:#fff;border-radius:15px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);margin-bottom:30px;padding:25px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:25px}.section-title{color:#2c3e50;color:var(--secondary);font-size:18px;font-weight:700}.section-actions{display:flex;flex-wrap:wrap;gap:10px}.activity-list{list-style:none}.activity-item{align-items:center;border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);display:flex;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:#f8f9fa;background:var(--light);border-radius:10px;color:#1a237e;color:var(--primary);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin-right:15px;width:40px}.activity-content{flex:1 1}.activity-text{color:#2c3e50;color:var(--secondary);font-size:14px;margin-bottom:3px}.activity-time{color:#95a5a6;color:var(--gray);font-size:12px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px}.quick-action-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);cursor:pointer;padding:25px;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.quick-action-card:hover{border-color:#1a237e;border-color:var(--primary);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.quick-action-icon{align-items:center;background:#f8f9fa;background:var(--light);border-radius:15px;color:#1a237e;color:var(--primary);display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 15px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:60px}.quick-action-card:hover .quick-action-icon{background:#1a237e;background:var(--primary);color:#fff}.quick-action-title{color:#2c3e50;color:var(--secondary);font-size:15px;font-weight:600;margin-bottom:5px}.quick-action-desc{color:#95a5a6;color:var(--gray);font-size:13px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;color:var(--secondary);display:block;font-size:14px;font-weight:600;margin-bottom:5px}.form-group label .required{color:#e74c3c;color:var(--danger)}.form-group .help-text{color:#95a5a6;color:var(--gray);font-size:12px;margin-top:5px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e6ed;border:2px solid var(--border);border-radius:8px;font-size:14px;padding:10px 15px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a237e;border-color:var(--primary);outline:none}.form-group textarea{resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.modal-header h2{color:#2c3e50;color:var(--secondary);font-size:22px}.modal-close{background:#f8f9fa;background:var(--light);border:none;border-radius:50%;cursor:pointer;font-size:18px;height:40px;transition:all .3s;width:40px}.modal-close:hover{background:#e0e6ed;background:var(--border)}.modal-footer{border-top:1px solid #e0e6ed;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);overflow:hidden}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f8f9fa;background:var(--light)}th{color:#95a5a6;color:var(--gray);font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{padding:15px 20px}td{border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}tr:hover{background:#f8f9fa;background:var(--light)}.level-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 12px}.level-badge.pre-primary{background:#ffeaa7;color:#2d3436}.level-badge.lower-primary{background:#74b9ff;color:#fff}.level-badge.upper-primary{background:#a29bfe;color:#fff}.level-badge.junior-school{background:#fd79a8;color:#fff}.level-badge.senior-school{background:#00b894;color:#fff}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.promoted{background:#d1ecf1;color:#0c5460}.cbc-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:700;min-width:60px;padding:4px 14px;text-align:center}.cbc-badge.ee{background:#d4edda;border:2px solid #27ae60;border:2px solid var(--ee-color);color:#155724}.cbc-badge.me{background:#d1ecf1;border:2px solid #2ecc71;border:2px solid var(--me-color);color:#0c5460}.cbc-badge.ae{background:#fff3cd;border:2px solid #f39c12;border:2px solid var(--ae-color);color:#856404}.cbc-badge.be{background:#f8d7da;border:2px solid #e74c3c;border:2px solid var(--be-color);color:#721c24}.cbc-badge.na{background:#e2e3e5;border:2px solid #95a5a6;border:2px solid var(--gray);color:#383d41}.cbc-level{color:#95a5a6;color:var(--gray);display:block;font-size:11px;margin-top:2px}.cbc-points{color:#2c3e50;color:var(--secondary);display:block}.cbc-points,.exam-status{font-size:12px;font-weight:600}.exam-status{border-radius:20px;padding:4px 12px}.exam-status.upcoming{background:#d1ecf1;color:#0c5460}.exam-status.active{background:#d4edda;color:#155724}.exam-status.completed{background:#e2e3e5;color:#383d41}.exam-status.cancelled{background:#f8d7da;color:#721c24}.exam-status.published{background:#d4edda;color:#155724}.exam-status.pending{background:#fff3cd;color:#856404}.student-info{gap:12px}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:#1a237e;background:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.student-info .name{color:#2c3e50;color:var(--secondary);font-weight:600}.student-info .details,.student-info .email{color:#95a5a6;color:var(--gray);font-size:12px}.action-btns{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s}.action-btn:hover{opacity:.9}.action-btn.view{background:#3498db;background:var(--info);color:#fff}.action-btn.edit{background:#1a237e;background:var(--primary);color:#fff}.action-btn.edit:hover{background:#0d1445;background:var(--primary-dark)}.action-btn.delete{background:#e74c3c;background:var(--danger);color:#fff}.action-btn.promote{background:#27ae60;background:var(--success);color:#fff}.action-btn.history{background:#f39c12;background:var(--warning);color:#fff}.action-btn.export,.action-btn.results,.action-btn.save{background:#27ae60;background:var(--success);color:#fff}.action-btn.publish{background:#f39c12;background:var(--warning);color:#fff}.action-btn.generate-report{background:#1a237e;background:var(--primary);color:#fff}.pagination{align-items:center;background:#fff;border-top:1px solid #e0e6ed;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 20px}.pagination .info{color:#95a5a6;color:var(--gray);font-size:14px}.pagination-btns{display:flex;flex-wrap:wrap;gap:5px}.pagination-btns button{background:#fff;border:1px solid #e0e6ed;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-weight:500;padding:8px 14px;transition:all .3s}.pagination-btns button:hover{border-color:#1a237e;border-color:var(--primary);color:#1a237e;color:var(--primary)}.pagination-btns button.active{background:#1a237e;background:var(--primary);border-color:#1a237e;border-color:var(--primary);color:#fff}.pagination-btns button:disabled{cursor:not-allowed;opacity:.5}.empty-state{padding:60px 20px;text-align:center}.empty-state i{color:#e0e6ed;color:var(--border);font-size:64px;margin-bottom:20px}.empty-state h3{color:#2c3e50;color:var(--secondary);font-size:20px;margin-bottom:10px}.empty-state p{color:#95a5a6;color:var(--gray);margin:0 auto 20px;max-width:400px}.loading-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ecf0f1;border-top-color:#1a237e;border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:20px;width:50px}.loading-text{color:#2c3e50;color:var(--secondary);font-size:16px;font-weight:500}.selection-area{grid-gap:15px;align-items:end;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr auto;margin-bottom:25px;padding:25px}.selection-area .form-group{margin-bottom:0}.score-input{border:2px solid #e0e6ed;border:2px solid var(--border);border-radius:6px;font-size:14px;padding:6px 10px;text-align:center;transition:all .3s;width:80px}.score-input:focus{border-color:#1a237e;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a;outline:none}.score-input.saved{background:#f0fff4;border-color:#27ae60;border-color:var(--success)}.score-input.pending{background:#fffbef;border-color:#f39c12;border-color:var(--warning)}.assessment-type{background:#f8f9fa;background:var(--light);padding:3px 10px}.assessment-type,.rank-badge{border-radius:12px;display:inline-block;font-size:12px}.rank-badge{font-weight:600;padding:2px 12px}.rank-badge.top{background:#d4edda;color:#155724}.rank-badge.mid{background:#fff3cd;color:#856404}.rank-badge.bottom{background:#f8d7da;color:#721c24}.assessment-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);display:none;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px;padding:20px}.assessment-summary.active{display:grid}.summary-item{text-align:center}.summary-item .label{color:#95a5a6;color:var(--gray);font-size:12px;font-weight:500;text-transform:uppercase}.summary-item .value{color:#2c3e50;color:var(--secondary);font-size:20px;font-weight:700;margin-top:3px}.grading-reference{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px;padding:15px 20px}.grading-reference .ref-item{align-items:center;display:flex;font-size:13px;gap:8px}.grading-reference .ref-item .dot{border-radius:50%;display:inline-block;height:14px;width:14px}.grading-reference .ref-item .dot.ee{background:#27ae60;background:var(--ee-color)}.grading-reference .ref-item .dot.me{background:#2ecc71;background:var(--me-color)}.grading-reference .ref-item .dot.ae{background:#f39c12;background:var(--ae-color)}.grading-reference .ref-item .dot.be{background:#e74c3c;background:var(--be-color)}.competency-tag{background:#f8f9fa;background:var(--light);border:1px solid #e0e6ed;border:1px solid var(--border);border-radius:12px;color:#2c3e50;color:var(--secondary);display:inline-block;font-size:11px;margin:2px;padding:2px 10px}.competency-list{display:flex;flex-wrap:wrap;gap:4px}.progress-bar{background:#e0e6ed;background:var(--border);border-radius:3px;height:6px;margin-top:5px;overflow:hidden;width:100%}.progress-bar .progress-fill{background:#27ae60;background:var(--success);border-radius:3px;height:100%;transition:width .3s ease}.support-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:40px;text-align:center;transition:all .3s}.support-card:hover{box-shadow:0 15px 35px #0000001f}.support-card .support-icon{align-items:center;background:linear-gradient(135deg,#1a237e,#4a5fc1);background:linear-gradient(135deg,var(--primary) 0,#4a5fc1 100%);border-radius:50%;color:#fff;display:flex;font-size:48px;height:100px;justify-content:center;margin:0 auto 25px;width:100px}.support-card h2{color:#2c3e50;color:var(--secondary);font-size:28px;margin-bottom:10px}.support-card .subtitle{color:#95a5a6;color:var(--gray);font-size:16px;line-height:1.6;margin-bottom:30px}.support-card .subtitle strong{color:#1a237e;color:var(--primary)}.contact-methods{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin:30px 0}.contact-method{background:#f8f9fa;background:var(--light);border:2px solid #0000;border-radius:12px;cursor:pointer;padding:25px;text-align:center;transition:all .3s}.contact-method:hover{border-color:#1a237e;border-color:var(--primary);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);transform:translateY(-3px)}.contact-method .method-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.contact-method .method-icon.email{background:linear-gradient(135deg,#667eea,#764ba2)}.contact-method .method-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.contact-method .method-icon.phone{background:linear-gradient(135deg,#f093fb,#f5576c)}.contact-method .method-icon.support{background:linear-gradient(135deg,#4facfe,#00f2fe)}.contact-method h3{color:#2c3e50;color:var(--secondary);font-size:16px;margin-bottom:5px}.contact-method p{color:#95a5a6;color:var(--gray);font-size:14px;margin-bottom:12px}.contact-method .contact-value{color:#2c3e50;color:var(--secondary);font-size:16px;font-weight:600;word-break:break-all}.contact-method .contact-value a{color:#1a237e;color:var(--primary);text-decoration:none}.contact-method .contact-value a:hover{text-decoration:underline}.info-box{background:#e8f0fe;border-left:4px solid #1a237e;border-left:4px solid var(--primary);border-radius:12px;margin:25px 0;padding:20px 25px;text-align:left}.info-box h4{color:#1a237e;color:var(--primary);font-size:15px;margin-bottom:8px}.info-box p{color:#2c3e50;color:var(--secondary);font-size:14px;line-height:1.6}.info-box ul{list-style:none;margin:10px 0 0;padding:0}.info-box ul li{align-items:center;color:#2c3e50;color:var(--secondary);display:flex;font-size:14px;gap:10px;padding:5px 0}.info-box ul li i{color:#27ae60;color:var(--success);width:20px}.invoice-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;padding:15px 20px}.invoice-item .invoice-info{display:flex;flex-direction:column;gap:3px}.invoice-item .invoice-info .invoice-id{color:#2c3e50;color:var(--secondary);font-weight:600}.invoice-item .invoice-info .invoice-date{color:#95a5a6;color:var(--gray);font-size:13px}.invoice-item .invoice-amount{color:#2c3e50;color:var(--secondary);font-size:18px;font-weight:700}.invoice-item .invoice-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.invoice-item .invoice-status.paid{background:#d4edda;color:#155724}.invoice-item .invoice-status.pending{background:#fff3cd;color:#856404}.invoice-item .invoice-status.failed{background:#f8d7da;color:#721c24}.profile-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:900px;padding:30px}.profile-header{align-items:center;border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);display:flex;gap:30px;margin-bottom:30px;padding-bottom:20px}.profile-avatar{background:#f8f9fa;background:var(--light);border:3px solid #1a237e;border:3px solid var(--primary);border-radius:50%;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar .upload-overlay{background:#0009;bottom:0;color:#fff;cursor:pointer;font-size:12px;left:0;opacity:0;padding:8px;position:absolute;right:0;text-align:center;transition:all .3s}.profile-avatar:hover .upload-overlay{opacity:1}.profile-avatar .upload-overlay i{display:block;font-size:16px;margin-bottom:2px}.profile-info h2{color:#2c3e50;color:var(--secondary);font-size:24px;margin-bottom:5px}.profile-info .teacher-email,.profile-info .teacher-id{color:#95a5a6;color:var(--gray);font-size:14px}.notification-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);display:none;position:absolute;right:0;top:50px;width:350px;z-index:1000}.notification-dropdown.active{display:block}.notification-header{align-items:center;border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:15px 20px}.notification-header h3{color:#2c3e50;color:var(--secondary);font-size:16px;font-weight:600}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);cursor:pointer;padding:15px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.notification-item:hover{background:#f8f9fa;background:var(--light)}.notification-item.unread{background:#1a237e0d}.notification-item.unread:before{background:#1a237e;background:var(--primary);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:10px;width:8px}.notification-content{color:#2c3e50;color:var(--secondary);font-size:14px;margin-bottom:5px}.notification-time{color:#95a5a6;color:var(--gray);font-size:12px}.custom-notification{word-wrap:break-word;align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 5px 15px #0003;color:#fff;display:flex;gap:10px;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:10000}.mobile-more-menu{background:#fff;border-radius:12px;bottom:70px;box-shadow:0 10px 30px #0003;min-width:200px;overflow:hidden;position:fixed;right:20px;z-index:1001}.mobile-menu-item{align-items:center;background:none;border:none;color:#2c3e50;color:var(--secondary);cursor:pointer;display:flex;padding:15px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:#f8f9fa;background:var(--light)}.mobile-menu-item i{margin-right:10px;width:20px}.filters-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:20px}.search-input{background:#fff;border:2px solid #e0e6ed;border:2px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--secondary);flex:1 1;font-size:14px;min-width:200px;padding:10px 15px;transition:all .3s}.search-input:focus{border-color:#1a237e;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a;outline:none}.search-input::placeholder{color:#95a5a6;color:var(--gray);opacity:.7}.filter-select{appearance:auto;background:#fff;border:2px solid #e0e6ed;border:2px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--secondary);cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px;transition:all .3s}.filter-select:focus{border-color:#1a237e;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a;outline:none}.filter-select:hover{border-color:#4a5fc1;border-color:var(--primary-light)}.filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.filter-actions .btn-primary{background:#1a237e;background:var(--primary);color:#fff}.filter-actions .btn-primary:hover{background:#0d1445;background:var(--primary-dark);box-shadow:0 4px 12px #1a237e4d;transform:translateY(-2px)}.filter-actions .btn-outline{background:#0000;border:2px solid #e0e6ed;border:2px solid var(--border);color:#2c3e50;color:var(--secondary)}.filter-actions .btn-outline:hover{background:#f8f9fa;background:var(--light);border-color:#1a237e;border-color:var(--primary);color:#1a237e;color:var(--primary)}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;padding-bottom:calc(65px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom))}.mobile-nav{display:flex}.mobile-menu-btn{display:flex!important}.top-header{padding:0 20px}.search-box input{width:200px}.selection-area{grid-template-columns:1fr 1fr 1fr!important}}@media (max-width:1024px) and (min-width:769px){.filters-section{gap:12px;padding:18px}.search-input{min-width:160px}.filter-select{min-width:130px}}@media (max-width:768px){.top-header{flex-wrap:wrap;gap:10px;height:56px!important;padding:0 15px!important}.top-header .page-title{font-size:18px!important}.content-area{padding:15px!important}.page-subheader{height:40px!important;padding:0 15px!important;top:56px!important}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.quick-actions-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.welcome-banner{flex-direction:column;gap:20px;padding:20px;text-align:center}.welcome-actions{flex-direction:column;width:100%}.welcome-actions .btn{justify-content:center;width:100%}.welcome-content h1{font-size:20px}.welcome-content p{font-size:14px}.search-box input{font-size:13px;padding:8px 12px 8px 35px;width:150px}.search-box{display:none}.filters-section{align-items:stretch;border-radius:10px;flex-direction:column;gap:12px;padding:15px}.filter-select,.search-input{font-size:14px;min-width:100%;padding:10px 14px;width:100%}.filter-actions{flex-direction:column;gap:8px;width:100%}.filter-actions .btn{font-size:14px;justify-content:center;padding:10px 20px;width:100%}.search-input-wrapper{min-width:100%;width:100%}.selection-area{gap:12px;grid-template-columns:1fr!important;padding:20px}.selection-area .form-group{margin-bottom:0}.selection-area button{justify-content:center;width:100%}.assessment-summary{gap:10px;grid-template-columns:repeat(2,1fr);padding:15px}.contact-methods{gap:15px;grid-template-columns:1fr}.support-card{padding:25px}.support-card .support-icon{font-size:36px;height:80px;width:80px}.support-card h2{font-size:22px}.profile-header{flex-direction:column;gap:15px;padding:0 0 20px;text-align:center}.profile-avatar{height:100px;width:100px}.profile-card{padding:20px}.profile-info h2{font-size:20px}td,th{font-size:12px;padding:10px 12px}td:last-child,th:last-child{min-width:120px}.score-input{font-size:12px;padding:4px 6px;width:60px}.grading-reference{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 15px}.grading-reference .ref-item{font-size:12px}.action-btns{gap:4px}.action-btn{font-size:11px;padding:4px 8px}.header-actions .sync-status span{display:none}.header-actions .sync-status{font-size:12px;padding:6px 10px!important}.header-actions .header-user span{display:none}.header-actions .header-user{padding:4px!important}.notification-dropdown{right:-50px;width:300px}.pagination{align-items:stretch;flex-direction:column;gap:12px;padding:12px 15px}.pagination .info{font-size:13px;justify-content:center;text-align:center}.pagination-btns{flex-wrap:wrap;gap:4px;justify-content:center}.pagination-btns button{font-size:13px;min-width:32px;padding:6px 12px}.modal{border-radius:12px;margin:10px;max-height:95vh;padding:20px!important}.modal-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:15px;padding-bottom:10px}.modal-header h2{font-size:18px}.modal-body{padding:0}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{justify-content:center;padding:10px 20px;width:100%}.form-row,.form-row-3{gap:15px;grid-template-columns:1fr!important}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:9px 12px}.quick-action-card{padding:20px 15px}.quick-action-icon{font-size:20px;height:50px;width:50px}.quick-action-title{font-size:14px}.quick-action-desc{font-size:12px}.stat-card{padding:20px}.stat-value{font-size:26px}.stat-icon{font-size:18px;height:40px;width:40px}.stat-title{font-size:12px}.activity-item{padding:12px 0}.activity-icon{font-size:15px;height:35px;margin-right:12px;width:35px}.activity-text{font-size:13px}.mobile-nav-badge{background:#e74c3c;background:var(--danger);border-radius:50%;color:#fff;font-size:9px;font-weight:700;line-height:1.4;min-width:18px;padding:1px 6px;position:absolute;right:50%;text-align:center;top:2px;transform:translateX(50%)}.btn{font-size:13px;padding:8px 16px}.btn-lg{font-size:14px;padding:12px 20px}.btn-sm{font-size:11px;padding:4px 10px}.invoice-item{align-items:stretch;flex-direction:column;padding:12px 15px;text-align:center}.invoice-item .invoice-amount{font-size:16px}}@media (max-width:480px){.content-area{padding:10px!important}.top-header{height:50px!important;padding:0 12px!important}.top-header .page-title{font-size:16px!important}.stats-grid{gap:12px;grid-template-columns:1fr}.quick-actions-grid{gap:10px;grid-template-columns:1fr 1fr}.filters-section{gap:10px;padding:12px 15px}.filter-select,.search-input{font-size:13px;padding:8px 12px}.filter-actions .btn{font-size:13px;padding:8px 16px}.welcome-content h1{font-size:18px}.welcome-content p{font-size:13px}.welcome-banner{padding:15px}.modal{border-radius:10px;margin:8px;padding:15px!important}.modal-header h2{font-size:16px}.modal-close{font-size:14px;height:32px;width:32px}.modal-body{padding:0}.modal-footer{flex-direction:column-reverse;gap:6px}.modal-footer .btn{font-size:13px;padding:8px 16px}.pagination-btns button{font-size:12px;min-width:28px;padding:5px 10px}.pagination .info{font-size:12px}.assessment-summary{gap:8px;grid-template-columns:1fr 1fr;padding:12px}.summary-item .value{font-size:16px}.summary-item .label{font-size:10px}.grade-badge{padding:2px 8px!important}.cbc-badge,.grade-badge{font-size:11px!important}.cbc-badge{min-width:40px;padding:2px 10px!important}.stat-value{font-size:22px}.stat-icon{font-size:16px;height:36px;width:36px}.stat-card{padding:15px}.notification-dropdown{right:-80px;width:280px}.notification-item{font-size:13px;padding:10px 15px}.profile-avatar{height:80px;width:80px}.profile-info h2{font-size:18px}.profile-card{padding:15px}.mobile-nav-item .mobile-nav-icon{font-size:18px}.mobile-nav-item .mobile-nav-label{font-size:10px}.mobile-nav{height:58px;padding:0 3px 3px}.mobile-more-menu{bottom:65px;min-width:180px;right:10px}.mobile-menu-item{font-size:13px;padding:10px 14px}.contact-method{padding:15px}.contact-method .method-icon{font-size:22px;height:50px;width:50px}.contact-method .contact-value,.contact-method h3{font-size:14px}.support-card{padding:20px}.support-card .support-icon{font-size:28px;height:60px;width:60px}.support-card h2{font-size:20px}.support-card .subtitle{font-size:14px}.info-box{padding:15px}.info-box h4{font-size:14px}.info-box p{font-size:13px}.info-box ul li{font-size:13px;padding:4px 0}.section-title{font-size:16px}.section-header{align-items:stretch;flex-direction:column;gap:10px}.section-actions{flex-direction:column;width:100%}.section-actions .btn{justify-content:center;width:100%}.empty-state{padding:40px 15px}.empty-state i{font-size:48px}.empty-state h3{font-size:18px}.empty-state p{font-size:13px}.loading-overlay .loading-spinner{height:40px;width:40px}.loading-overlay .loading-text{font-size:14px}.custom-notification{font-size:13px;max-width:300px;padding:12px 16px;right:10px;top:10px}.offline-indicator{font-size:10px;padding:4px 10px;right:8px;top:8px}.rank-badge{font-size:10px;padding:1px 8px}}@media (max-width:380px){.quick-actions-grid{gap:8px;grid-template-columns:1fr 1fr}.quick-action-card{padding:15px 10px}.quick-action-icon{font-size:16px;height:40px;margin-bottom:10px;width:40px}.quick-action-title{font-size:12px}.quick-action-desc{font-size:11px}.modal{padding:12px!important}.modal-header h2{font-size:15px}.stat-value{font-size:20px}.stat-card{padding:12px}.form-group input,.form-group select,.form-group textarea{font-size:12px;padding:8px 10px}.btn,.form-group label{font-size:12px}.btn{padding:6px 12px}.mobile-nav-item .mobile-nav-icon{font-size:16px}.mobile-nav-item .mobile-nav-label{font-size:9px}.mobile-more-menu{bottom:60px;min-width:160px;right:5px}.mobile-menu-item{font-size:12px;padding:8px 12px}.mobile-menu-item i{font-size:14px;width:16px}}@media (max-width:320px){.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.top-header .page-title{font-size:14px!important}.assessment-summary{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.mobile-nav{height:50px;padding:0 3px 3px}.mobile-nav-item .mobile-nav-icon{font-size:16px;margin-bottom:2px}.mobile-nav-item .mobile-nav-label{font-size:9px}.mobile-more-menu{bottom:55px}.modal{max-height:85vh}.sidebar{padding-bottom:10px}.sidebar-header{padding:15px 20px}.nav-item{padding:10px 20px}}@media print{.no-print{display:none!important}body{background:#fff!important;margin:0!important}.content-area,body{padding:0!important}.content-area{max-width:100%!important}.main-content{margin-left:0!important}.mobile-nav,.page-subheader,.sidebar,.top-header{display:none!important}.table-container{border:1px solid #e0e6ed;border:1px solid var(--border);box-shadow:none!important}.score-input{background:#0000!important;border:none!important}.action-btns,.filter-actions,.pagination{display:none!important}.modal-overlay{background:#fff!important;position:static!important}.modal{box-shadow:none!important;max-height:none!important;padding:0!important}.modal-footer{display:none!important}}@media (prefers-color-scheme:dark){.filters-section{background:#1a1a2e;border-color:#2a2a4a}.filters-section .filter-select,.filters-section .search-input{background:#16213e;border-color:#2a2a4a;color:#e0e0e0}.filters-section .filter-select:focus,.filters-section .search-input:focus{border-color:#4a5fc1;border-color:var(--primary-light)}}.logo-container{margin-bottom:30px}.animated-logo{animation:pulseAndRotate 1.5s ease-in-out infinite;height:120px;width:120px}@keyframes pulseAndRotate{0%{opacity:.7;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}to{opacity:.7;transform:scale(1) rotate(0deg)}}.loading-bar-container{background:#e0e0e0;border-radius:4px;height:4px;margin-bottom:20px;overflow:hidden;width:200px}.loading-bar-fill{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#d4af37,#f5d76e,#d4af37);background-size:200% 100%;border-radius:4px;height:100%;transition:width .3s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-text{color:#666;font-family:Arial,sans-serif;font-size:14px;margin-top:10px}.main-content{margin-left:250px;transition:margin-left .3s ease}@media (max-width:1024px){.main-content{margin-left:0!important;padding-bottom:calc(65px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom))}.mobile-nav{display:flex}.mobile-menu-btn{display:flex!important}}.content-area{padding:20px 30px 30px}.page-subheader{top:56px}@media (max-width:768px){.top-header{height:50px!important;padding:0 15px!important}.page-subheader{height:38px!important;padding:0 15px!important;top:50px!important}.content-area{padding:15px!important}}.sidebar-header .platform-badge{background:linear-gradient(135deg,#f9d423,#ff4e50);border:1px solid #ffd7004d;border-radius:12px;color:#1a237e;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 12px;text-transform:uppercase}.sidebar-header .platform-badge i{font-size:10px;margin-right:4px}.search-input-wrapper{flex:1 1;min-width:200px;position:relative}.search-input-wrapper input{background:#fff;border:2px solid #e0e6ed;border:2px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--secondary);font-size:14px;padding:10px 14px 10px 40px;transition:all .3s ease;width:100%}.search-input-wrapper input:focus{border-color:#1a237e;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a;outline:none}.search-input-wrapper .search-icon{color:#95a5a6;color:var(--gray);font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.app-container{background:#f5f7fb;display:flex;min-height:100vh}.sidebar{background:#fff;bottom:0;box-shadow:2px 0 12px #0000000f;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.25,.8,.25,1);width:260px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:2px solid #e0e6ed;border-bottom:2px solid var(--border);gap:14px;min-height:70px;padding:20px 20px 18px}.school-logo,.sidebar-header{align-items:center;display:flex;flex-shrink:0}.school-logo{background:#f8f9fa;background:var(--light);border:2px solid #1a237e;border:2px solid var(--primary);border-radius:10px;height:44px;justify-content:center;overflow:hidden;width:44px}.school-logo img{height:100%;object-fit:cover;width:100%}.school-info{flex:1 1;min-width:0}.school-name{color:#2c3e50;color:var(--secondary);font-size:15px;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-status{border-radius:20px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 10px}.school-status.status-active{background:#27ae60;background:var(--success)}.school-status.status-pending{background:#f39c12;background:var(--warning)}.school-status.status-inactive{background:#e74c3c;background:var(--danger)}.platform-badge{background:linear-gradient(135deg,#f9d423,#ff4e50);border-radius:12px;color:#1a237e;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 12px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#2c3e50;color:var(--secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;margin:2px 10px;padding:12px 20px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:calc(100% - 20px)}.nav-item:hover{background:#f8f9fa;background:var(--light)}.nav-item.active,.nav-item:hover{color:#1a237e;color:var(--primary)}.nav-item.active{background:linear-gradient(90deg,#1a237e1a,#1a237e0a)}.nav-item.active:before{background:#1a237e;background:var(--primary);border-radius:0 3px 3px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.nav-item .nav-icon{font-size:17px;margin-right:12px;text-align:center;width:28px}.nav-item .nav-label{font-size:14px;font-weight:500}.nav-badge{background:#1a237e;background:var(--primary);border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;min-width:18px;padding:1px 8px;text-align:center}.nav-badge.danger{background:#e74c3c;background:var(--danger)}.nav-badge.success{background:#27ae60;background:var(--success)}.nav-badge.warning{background:#f39c12;background:var(--warning)}.sidebar-footer{border-top:2px solid #e0e6ed;border-top:2px solid var(--border);flex-shrink:0;margin-top:auto;padding:12px 16px 14px}.user-profile{gap:10px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:#f8f9fa;background:var(--light);border:2px solid #e0e6ed;border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;width:34px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1;min-width:0}.user-info h4{color:#2c3e50;color:var(--secondary);font-size:12px;font-weight:600;line-height:1.3;margin-bottom:0}.user-info h4,.user-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info p{font-size:10px;line-height:1.2;margin:0}.logout-btn,.user-info p{color:#95a5a6;color:var(--gray)}.logout-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.logout-btn:hover{background:#fee2e2;color:#e74c3c;color:var(--danger)}.role-indicator{background:#f8f9fa;background:var(--light);border-radius:4px;color:#95a5a6;color:var(--gray);font-size:10px;font-weight:500;margin-top:8px;padding:4px 10px;text-align:center}.role-indicator.super-admin{background:linear-gradient(135deg,#1a237e,#283593);color:#fff}.role-indicator i{font-size:10px;margin-right:4px}.main-content{background:#f5f7fb;display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh}.top-header{background:#fff;border-bottom:2px solid #e0e6ed;border-bottom:2px solid var(--border);flex-shrink:0;height:70px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:99}.header-left,.top-header{align-items:center;display:flex}.header-left{gap:16px}.mobile-menu-btn{background:none;border:none;color:#2c3e50;color:var(--secondary);cursor:pointer;display:none;font-size:20px;padding:5px}.header-brand{align-items:center;display:flex;gap:10px}.header-brand i{color:#1a237e;color:var(--primary);font-size:20px}.header-brand span{color:#1a237e;color:var(--primary);font-size:18px;font-weight:700;letter-spacing:1px}.header-right{align-items:center;display:flex;gap:16px}.notification-wrapper{position:relative}.notification-btn{background:none;border:none;border-radius:8px;color:#2c3e50;color:var(--secondary);cursor:pointer;font-size:18px;padding:6px 10px;position:relative;transition:all .2s}.notification-btn:hover{background:#f8f9fa;background:var(--light)}.notification-btn .notification-badge{background:#e74c3c;background:var(--danger);border-radius:10px;color:#fff;font-size:9px;font-weight:700;min-width:16px;padding:1px 5px;position:absolute;right:0;text-align:center;top:0}.user-profile-mini{align-items:center;background:#f8f9fa;background:var(--light);border-radius:30px;cursor:pointer;display:flex;gap:8px;padding:3px 12px 3px 3px;transition:all .2s}.user-profile-mini:hover{background:#e0e6ed;background:var(--border)}.user-avatar-mini{align-items:center;background:#1a237e;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:30px;justify-content:center;width:30px}.user-name-mini{color:#2c3e50;color:var(--secondary)}.sync-status,.user-name-mini{font-size:12px;font-weight:500}.sync-status{align-items:center;background:#f8f9fa;background:var(--light);border-radius:8px;color:#95a5a6;color:var(--gray);cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all .2s}.sync-status:hover{background:#e0e6ed;background:var(--border)}.sync-status.online{color:#27ae60;color:var(--success)}.sync-status.offline{color:#e74c3c;color:var(--danger)}.sync-status.syncing{color:#f39c12;color:var(--warning)}.page-subheader{align-items:center;background:#fff;border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:48px;justify-content:space-between;padding:0 24px;position:sticky;top:70px;z-index:98}.page-subheader .page-title-area{align-items:center;display:flex;gap:12px}.page-subheader .page-title-area i{color:#1a237e;color:var(--primary);font-size:16px}.page-subheader .page-title-area h2{color:#2c3e50;color:var(--secondary);font-size:15px;font-weight:600;margin:0}.page-subheader .page-actions{align-items:center;display:flex;gap:10px}.content-area{background:#f5f7fb;flex:1 1;min-height:calc(100vh - 118px);padding:24px 30px 30px}@media (max-width:1024px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;padding-bottom:calc(65px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom))}.mobile-nav{display:flex}.mobile-menu-btn{display:block!important}.top-header{height:60px;padding:0 16px}.page-subheader{height:44px;padding:0 16px;top:60px}.content-area{min-height:calc(100vh - 104px);padding:16px 16px 20px}}@media (max-width:768px){.top-header{height:54px;padding:0 12px}.header-brand span{font-size:16px}.header-brand i{font-size:17px}.user-name-mini{display:none}.user-profile-mini{padding:2px 8px 2px 2px}.user-avatar-mini{font-size:10px;height:28px;width:28px}.sync-status span{display:none}.sync-status{padding:6px 8px}.page-subheader{height:40px;padding:0 12px;top:54px}.page-subheader .page-title-area h2{font-size:13px}.content-area{min-height:calc(100vh - 94px);padding:12px 12px 16px}.mobile-nav{height:60px;padding:0 4px calc(4px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(4px + var(--safe-bottom))}.mobile-nav-item .mobile-nav-icon{font-size:18px}.mobile-nav-item .mobile-nav-label{font-size:10px}}@media (max-width:480px){.top-header{height:48px;padding:0 10px}.header-brand span{font-size:14px}.header-brand i{font-size:15px}.page-subheader{height:36px;padding:0 10px;top:48px}.page-subheader .page-title-area h2{font-size:12px}.content-area{min-height:calc(100vh - 84px);padding:10px 10px 14px}}@supports (padding:max(0px)){.mobile-nav{padding-bottom:max(5px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=main.b861dba6.css.map*/