@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.school-admin-dashboard{--primary:#4361ee;--primary-light:#4895ef;--primary-dark:#3f37c9;--secondary:#4cc9f0;--success:#4caf50;--success-light:#81c784;--warning:#ff9800;--danger:#f44336;--danger-light:#ff7961;--info:#2196f3;--dark:#1e2b3c;--dark-light:#2c3e50;--gray:#6c757d;--gray-light:#e9ecef;--gray-lighter:#f8f9fa;--white:#fff;--shadow-sm:0 4px 6px rgba(0,0,0,0.05);--shadow-md:0 10px 20px rgba(0,0,0,0.08);--shadow-lg:0 20px 40px rgba(0,0,0,0.12);--shadow-hover:0 30px 50px rgba(0,0,0,0.15);--border-radius:16px;--border-radius-sm:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.school-admin-dashboard .gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.school-admin-dashboard .gradient-sphere{position:absolute;border-radius:50%;-webkit-filter:blur(80px);filter:blur(80px);opacity:.15;-webkit-animation:sad-float 20s infinite;animation:sad-float 20s infinite}.school-admin-dashboard .sphere-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary),var(--primary-light));top:-200px;left:-200px;-webkit-animation-delay:0s;animation-delay:0s}.school-admin-dashboard .sphere-2{width:500px;height:500px;background:radial-gradient(circle,var(--secondary),var(--info));bottom:-100px;right:-100px;-webkit-animation-delay:-5s;animation-delay:-5s}.school-admin-dashboard .sphere-3{width:400px;height:400px;background:radial-gradient(circle,var(--success),var(--success-light));bottom:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-delay:-10s;animation-delay:-10s}.school-admin-dashboard .dashboard-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;padding:24px 32px;max-width:1600px;margin:0 auto}.school-admin-dashboard .dashboard-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px;padding:16px 24px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);border:1px solid hsla(0,0%,100%,.2)}.school-admin-dashboard .dashboard-header,.school-admin-dashboard .header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school-admin-dashboard .header-left{gap:32px}.school-admin-dashboard .logo-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.school-admin-dashboard .logo-icon{font-size:32px;color:var(--success);-webkit-animation:sad-float 6s infinite;animation:sad-float 6s infinite}.school-admin-dashboard .app-title{font-size:20px;font-weight:700;color:var(--dark);letter-spacing:1px}.school-admin-dashboard .nav-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.school-admin-dashboard .nav-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:none;border-radius:12px;font-size:14px;font-weight:500;color:var(--gray);cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);position:relative}.school-admin-dashboard .nav-button i{font-size:18px}.school-admin-dashboard .nav-button:hover{background:rgba(76,175,80,.05);color:var(--success);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.school-admin-dashboard .nav-button.active{background:rgba(76,175,80,.1);color:var(--success);font-weight:600}.school-admin-dashboard .nav-button.active:after{content:"";position:absolute;bottom:-2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;height:4px;background:var(--success);border-radius:50%;-webkit-animation:sad-pulse 2s infinite;animation:sad-pulse 2s infinite}.school-admin-dashboard .nav-dropdown-container{position:relative;display:none}.school-admin-dashboard .nav-dropdown-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,var(--success),var(--success-light));border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);width:100%}.school-admin-dashboard .nav-dropdown-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.school-admin-dashboard .nav-dropdown-btn i{font-size:18px}.school-admin-dashboard .nav-dropdown-btn .fa-chevron-down{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.school-admin-dashboard .nav-dropdown-btn .fa-chevron-down.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.school-admin-dashboard .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#fff;border-radius:16px;-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:1000;border:1px solid var(--gray-light)}.school-admin-dashboard .nav-dropdown-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);color:var(--gray);position:relative}.school-admin-dashboard .nav-dropdown-item i{width:20px;font-size:16px}.school-admin-dashboard .nav-dropdown-item:hover{background:rgba(76,175,80,.05);color:var(--success);-webkit-transform:translateX(4px);transform:translateX(4px)}.school-admin-dashboard .nav-dropdown-item.active{background:rgba(76,175,80,.1);color:var(--success);font-weight:600}.school-admin-dashboard .nav-dropdown-item .check-icon{position:absolute;right:16px;color:var(--success)}.school-admin-dashboard .header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.school-admin-dashboard .search-wrapper{position:relative}.school-admin-dashboard .search-icon{position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--gray)}.school-admin-dashboard .search-input{padding:12px 20px 12px 48px;width:280px;border:1px solid var(--gray-light);border-radius:30px;background:var(--gray-lighter);font-size:14px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .search-input:focus{outline:none;border-color:var(--success);background:#fff;width:320px;-webkit-box-shadow:0 0 0 4px rgba(76,175,80,.1);box-shadow:0 0 0 4px rgba(76,175,80,.1)}.school-admin-dashboard .academic-year-banner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--border-radius);margin-bottom:32px;color:#fff;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .academic-year-banner,.school-admin-dashboard .banner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school-admin-dashboard .banner-content{gap:12px}.school-admin-dashboard .banner-content i{font-size:20px;-webkit-animation:sad-pulse 2s infinite;animation:sad-pulse 2s infinite}.school-admin-dashboard .banner-content span{font-size:15px;font-weight:500}.school-admin-dashboard .banner-actions .badge{padding:6px 16px;background:hsla(0,0%,100%,.2);border-radius:30px;font-size:13px;font-weight:600;backdrop-filter:blur(4px)}.school-admin-dashboard .main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-animation:sad-fadeIn .5s ease;animation:sad-fadeIn .5s ease}.school-admin-dashboard .dashboard-section{width:100%}.school-admin-dashboard .section-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px}.school-admin-dashboard .section-header,.school-admin-dashboard .title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school-admin-dashboard .title-wrapper{gap:12px}.school-admin-dashboard .section-icon{font-size:28px;color:var(--success);-webkit-animation:sad-float 6s infinite;animation:sad-float 6s infinite}.school-admin-dashboard .title-wrapper h2{font-size:24px;font-weight:600;color:var(--dark)}.school-admin-dashboard .section-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.school-admin-dashboard .section-actions button{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .section-actions button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .btn-excel{background:rgba(33,150,243,.1);color:#2196f3}.school-admin-dashboard .btn-excel:hover{background:#2196f3;color:#fff}.school-admin-dashboard .btn-pdf{background:rgba(244,67,54,.1);color:#f44336}.school-admin-dashboard .btn-pdf:hover{background:#f44336;color:#fff}.school-admin-dashboard .btn-print{background:rgba(76,175,80,.1);color:var(--success)}.school-admin-dashboard .btn-print:hover{background:var(--success);color:#fff}.school-admin-dashboard .btn-lock{background:rgba(255,193,7,.1);color:#ffc107}.school-admin-dashboard .btn-lock.locked{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .btn-lock:hover{background:#ffc107;color:#fff}.school-admin-dashboard .btn-lock.locked:hover{background:var(--danger);color:#fff}.school-admin-dashboard .btn-debtors{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .btn-debtors:hover{background:var(--danger);color:#fff}.school-admin-dashboard .btn-revenue{background:rgba(76,175,80,.1);color:var(--success)}.school-admin-dashboard .btn-revenue:hover{background:var(--success);color:#fff}.school-admin-dashboard .btn-export{background:rgba(156,39,176,.1);color:#9c27b0}.school-admin-dashboard .btn-export:hover{background:#9c27b0;color:#fff}.school-admin-dashboard .filter-chips{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:24px}.school-admin-dashboard .filter-chip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--gray-light);border-radius:30px;font-size:14px;color:var(--dark);-webkit-transition:var(--transition);transition:var(--transition);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .filter-chip i{color:var(--success)}.school-admin-dashboard .chip-select{border:none;background:transparent;font-size:14px;color:var(--dark);cursor:pointer}.school-admin-dashboard .chip-select:focus{outline:none}.school-admin-dashboard .filter-chip:hover{border-color:var(--success);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .filter-chip.apply{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none}.school-admin-dashboard .filter-chip.apply i{color:#fff}.school-admin-dashboard .filter-chip.apply:hover{-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.school-admin-dashboard .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.school-admin-dashboard .kpi-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);-webkit-transition:var(--transition);transition:var(--transition);-webkit-animation:sad-fadeInUp .6s;animation:sad-fadeInUp .6s}.school-admin-dashboard .kpi-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover)}.school-admin-dashboard .kpi-icon-wrapper{width:60px;height:60px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .kpi-icon-wrapper i{font-size:28px}.school-admin-dashboard .kpi-card:hover .kpi-icon-wrapper{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.school-admin-dashboard .kpi-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.school-admin-dashboard .kpi-label{font-size:13px;color:var(--gray);display:block;margin-bottom:4px}.school-admin-dashboard .kpi-value{font-size:28px;font-weight:700;color:var(--dark);display:block;margin-bottom:4px}.school-admin-dashboard .kpi-trend{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.school-admin-dashboard .kpi-trend.positive{color:var(--success)}.school-admin-dashboard .kpi-trend.negative{color:var(--danger)}.school-admin-dashboard .kpi-card.primary .kpi-icon-wrapper{background:rgba(67,97,238,.1);color:var(--primary)}.school-admin-dashboard .kpi-card.success .kpi-icon-wrapper{background:rgba(76,175,80,.1);color:var(--success)}.school-admin-dashboard .kpi-card.info .kpi-icon-wrapper{background:rgba(33,150,243,.1);color:var(--info)}.school-admin-dashboard .kpi-card.warning .kpi-icon-wrapper{background:rgba(255,152,0,.1);color:var(--warning)}.school-admin-dashboard .glass-effect{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.school-admin-dashboard .academic-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:32px}.school-admin-dashboard .chart-card{padding:24px;border-radius:var(--border-radius);background:#fff;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .chart-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.school-admin-dashboard .chart-header h3{font-size:18px;font-weight:600;color:var(--dark)}.school-admin-dashboard .legend{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.school-admin-dashboard .legend span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:var(--gray)}.school-admin-dashboard .dot{width:10px;height:10px;border-radius:50%}.school-admin-dashboard .dot.ca{background:var(--success)}.school-admin-dashboard .dot.exam{background:var(--info)}.school-admin-dashboard .chart-container{height:300px;position:relative}.school-admin-dashboard .top-students-card{padding:24px;border-radius:var(--border-radius);background:#fff;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .top-students-card h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:20px}.school-admin-dashboard .students-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.school-admin-dashboard .student-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border-radius:12px;-webkit-transition:var(--transition);transition:var(--transition);position:relative;background:var(--gray-lighter)}.school-admin-dashboard .student-item:hover{background:#fff;-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .rank-badge{width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--gray-light);border-radius:50%;font-weight:600;font-size:12px;margin-right:12px}.school-admin-dashboard .student-item.rank-1 .rank-badge{background:linear-gradient(135deg,gold,orange);color:#fff}.school-admin-dashboard .student-item.rank-2 .rank-badge{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.school-admin-dashboard .student-item.rank-3 .rank-badge{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.school-admin-dashboard .student-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;margin-right:12px}.school-admin-dashboard .student-avatar-placeholder i{font-size:24px}.school-admin-dashboard .student-details{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.school-admin-dashboard .student-name{font-weight:600;color:var(--dark);font-size:14px}.school-admin-dashboard .student-class{font-size:12px;color:var(--gray)}.school-admin-dashboard .student-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.school-admin-dashboard .score{font-weight:700;color:var(--success);font-size:16px}.school-admin-dashboard .grade{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:600}.school-admin-dashboard .scores-table-container{padding:24px;border-radius:var(--border-radius);background:#fff;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .scores-table-container h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:20px}.school-admin-dashboard .table-responsive{overflow-x:auto}.school-admin-dashboard .scores-table{width:100%;border-collapse:collapse}.school-admin-dashboard .scores-table td,.school-admin-dashboard .scores-table th{padding:16px;text-align:left;border-bottom:1px solid var(--gray-light)}.school-admin-dashboard .scores-table th{background:rgba(76,175,80,.05);font-weight:600;color:var(--dark)}.school-admin-dashboard .scores-table td{font-size:14px}.school-admin-dashboard .ca-score,.school-admin-dashboard .exam-score,.school-admin-dashboard .subject-name{font-weight:600;color:var(--dark)}.school-admin-dashboard .scores-table td small{color:var(--gray);margin-left:2px}.school-admin-dashboard .total-score{font-weight:700;color:var(--success)}.school-admin-dashboard .grade-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.school-admin-dashboard .remark{color:var(--gray);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-admin-dashboard .grade-a,.school-admin-dashboard .grade-a-plus{background:rgba(76,175,80,.15);color:#2e7d32}.school-admin-dashboard .grade-b,.school-admin-dashboard .grade-b-plus{background:rgba(33,150,243,.15);color:#0d47a1}.school-admin-dashboard .grade-c{background:rgba(255,193,7,.15);color:#ff8f00}.school-admin-dashboard .grade-d{background:rgba(255,152,0,.15);color:#e65100}.school-admin-dashboard .grade-e{background:rgba(244,67,54,.15);color:#b71c1c}.school-admin-dashboard .grade-f{background:hsla(0,0%,62%,.15);color:#424242}.school-admin-dashboard .smart-filter-bar{background:#fff;padding:24px;border-radius:var(--border-radius);margin-bottom:24px;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .filter-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.school-admin-dashboard .filter-item{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:180px;position:relative}.school-admin-dashboard .filter-item i{position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--gray);z-index:1}.school-admin-dashboard .filter-item select{width:100%;padding:14px 16px 14px 48px;border:1px solid var(--gray-light);border-radius:12px;font-size:14px;color:var(--dark);background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .filter-item select:hover{border-color:var(--success)}.school-admin-dashboard .filter-item select:focus{outline:none;border-color:var(--success);-webkit-box-shadow:0 0 0 4px rgba(76,175,80,.1);box-shadow:0 0 0 4px rgba(76,175,80,.1)}.school-admin-dashboard .filter-item select:disabled{background:var(--gray-lighter);cursor:not-allowed;opacity:.6}.school-admin-dashboard .btn-load{padding:14px 28px;background:linear-gradient(135deg,var(--success),var(--success-light));color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .btn-load:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.school-admin-dashboard .btn-load:disabled{opacity:.6;cursor:not-allowed}.school-admin-dashboard .btn-load i{-webkit-animation:sad-spin 2s linear infinite;animation:sad-spin 2s linear infinite}.school-admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.school-admin-dashboard .stat-card{padding:20px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .stat-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover)}.school-admin-dashboard .stat-icon{width:56px;height:56px;border-radius:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .stat-icon i{font-size:28px}.school-admin-dashboard .stat-card:hover .stat-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.school-admin-dashboard .stat-icon.average{background:rgba(33,150,243,.1);color:#2196f3}.school-admin-dashboard .stat-icon.highest{background:rgba(76,175,80,.1);color:var(--success)}.school-admin-dashboard .stat-icon.lowest{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .stat-icon.pass-rate{background:rgba(255,193,7,.1);color:#ffc107}.school-admin-dashboard .stat-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.school-admin-dashboard .stat-label{font-size:12px;color:var(--gray);display:block;margin-bottom:4px}.school-admin-dashboard .stat-value{font-size:24px;font-weight:700;color:var(--dark);display:block}.school-admin-dashboard .stat-sub{font-size:11px;color:var(--gray);display:block;margin-top:2px}.school-admin-dashboard .marks-table-container{padding:24px;border-radius:var(--border-radius);background:#fff;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);margin-top:24px}.school-admin-dashboard .table-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.school-admin-dashboard .table-header h3{font-size:18px;font-weight:600;color:var(--dark)}.school-admin-dashboard .lock-badge{padding:6px 16px;background:rgba(76,175,80,.1);color:var(--success);border-radius:30px;font-size:12px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.school-admin-dashboard .lock-badge.locked{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .marks-table{width:100%;border-collapse:collapse}.school-admin-dashboard .marks-table td,.school-admin-dashboard .marks-table th{padding:12px;text-align:left;border:1px solid var(--gray-light)}.school-admin-dashboard .marks-table th{background:rgba(76,175,80,.05);font-weight:600;color:var(--dark)}.school-admin-dashboard .sub-headers th{background:rgba(0,0,0,.02);font-weight:500;color:var(--gray);font-size:12px}.school-admin-dashboard .student-cell{gap:10px}.school-admin-dashboard .student-avatar-small,.school-admin-dashboard .student-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school-admin-dashboard .student-avatar-small{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.school-admin-dashboard .student-avatar-small i{font-size:18px}.school-admin-dashboard .score-input{width:60px;padding:6px;border:1px solid var(--gray-light);border-radius:6px;text-align:center}.school-admin-dashboard .score-input:focus{outline:none;border-color:var(--success);-webkit-box-shadow:0 0 0 3px rgba(76,175,80,.1);box-shadow:0 0 0 3px rgba(76,175,80,.1)}.school-admin-dashboard .score-input:disabled{background:var(--gray-lighter);cursor:not-allowed}.school-admin-dashboard .exam-input{width:70px}.school-admin-dashboard .total-cell{font-weight:700;color:var(--success)}.school-admin-dashboard .grade-chip{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.school-admin-dashboard .remark-input{width:140px;padding:6px;border:1px solid var(--gray-light);border-radius:6px}.school-admin-dashboard .remark-input:focus{outline:none;border-color:var(--success)}.school-admin-dashboard .remark-input:disabled{background:var(--gray-lighter);cursor:not-allowed}.school-admin-dashboard .attendance-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.school-admin-dashboard .overview-card{padding:32px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}.school-admin-dashboard .overview-card.main{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.school-admin-dashboard .attendance-gauge{position:relative;width:120px;height:120px}.school-admin-dashboard .attendance-gauge canvas{width:120px;height:60px}.school-admin-dashboard .gauge-value{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%);text-align:center}.school-admin-dashboard .gauge-value .value{font-size:36px;font-weight:700;display:block;color:var(--dark)}.school-admin-dashboard .overview-card.main .gauge-value .label,.school-admin-dashboard .overview-card.main .gauge-value .value{color:#fff}.school-admin-dashboard .gauge-value .label{font-size:12px;opacity:.8;color:var(--gray)}.school-admin-dashboard .attendance-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.school-admin-dashboard .attendance-stats .stat{text-align:center}.school-admin-dashboard .attendance-stats .stat .stat-value{font-size:28px;font-weight:700;display:block;color:var(--dark)}.school-admin-dashboard .overview-card.main .attendance-stats .stat .stat-label,.school-admin-dashboard .overview-card.main .attendance-stats .stat .stat-value{color:#fff}.school-admin-dashboard .attendance-stats .stat .stat-label{font-size:12px;opacity:.8;color:var(--gray)}.school-admin-dashboard .attendance-calendar{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .attendance-calendar h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:16px}.school-admin-dashboard .heatmap-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.school-admin-dashboard .heatmap-cell{aspect-ratio:1;border-radius:6px;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer}.school-admin-dashboard .heatmap-cell:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .attendance-insights-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:32px}.school-admin-dashboard .class-ranking-card{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .class-ranking-card h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:20px}.school-admin-dashboard .ranking-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.school-admin-dashboard .ranking-item{gap:12px}.school-admin-dashboard .rank,.school-admin-dashboard .ranking-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school-admin-dashboard .rank{width:30px;height:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--gray-light);border-radius:50%;font-weight:600;font-size:12px}.school-admin-dashboard .class-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school-admin-dashboard .class-name{font-weight:600;color:var(--dark)}.school-admin-dashboard .attendance-rate{font-weight:700;color:var(--success)}.school-admin-dashboard .progress-bar{width:100px;height:6px;background:var(--gray-light);border-radius:3px;overflow:hidden}.school-admin-dashboard .progress{height:100%;background:-webkit-gradient(linear,left top,right top,from(var(--success)),to(var(--success-light)));background:linear-gradient(90deg,var(--success),var(--success-light));border-radius:3px;-webkit-transition:width 1s ease;transition:width 1s ease}.school-admin-dashboard .absentee-alert{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .alert-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:20px}.school-admin-dashboard .alert-header i{font-size:24px;color:var(--danger)}.school-admin-dashboard .alert-header h3{font-size:18px;font-weight:600;color:var(--dark)}.school-admin-dashboard .alert-header .count{padding:4px 12px;background:rgba(244,67,54,.1);color:var(--danger);border-radius:30px;font-size:12px;font-weight:600}.school-admin-dashboard .absentee-table{width:100%;border-collapse:collapse}.school-admin-dashboard .absentee-table td,.school-admin-dashboard .absentee-table th{padding:14px;text-align:left;border-bottom:1px solid var(--gray-light)}.school-admin-dashboard .absentee-table th{background:rgba(244,67,54,.05);font-weight:600;color:var(--dark)}.school-admin-dashboard .absent-days{font-weight:700;color:var(--danger)}.school-admin-dashboard .attendance-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.school-admin-dashboard .attendance-badge.low{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .btn-intervene{padding:6px 16px;background:rgba(33,150,243,.1);color:#2196f3;border:none;border-radius:6px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .btn-intervene:hover{background:#2196f3;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.school-admin-dashboard .revenue-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.school-admin-dashboard .revenue-card{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .revenue-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover)}.school-admin-dashboard .revenue-icon{width:60px;height:60px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.school-admin-dashboard .revenue-icon i{font-size:28px}.school-admin-dashboard .revenue-card.total .revenue-icon{background:rgba(33,150,243,.1);color:#2196f3}.school-admin-dashboard .revenue-card.collected .revenue-icon{background:rgba(76,175,80,.1);color:var(--success)}.school-admin-dashboard .revenue-card.outstanding .revenue-icon{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .revenue-card.compliance .revenue-icon{background:rgba(255,193,7,.1);color:#ffc107}.school-admin-dashboard .revenue-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.school-admin-dashboard .revenue-content .label{font-size:13px;color:var(--gray);display:block;margin-bottom:4px}.school-admin-dashboard .revenue-content .amount{font-size:24px;font-weight:700;color:var(--dark);display:block;margin-bottom:4px}.school-admin-dashboard .revenue-content .debtor-count,.school-admin-dashboard .revenue-content .period,.school-admin-dashboard .revenue-content .progress-text{font-size:12px;color:var(--gray);display:block}.school-admin-dashboard .revenue-content .trend{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.school-admin-dashboard .revenue-content .trend.positive{color:var(--success)}.school-admin-dashboard .revenue-content .trend.negative{color:var(--danger)}.school-admin-dashboard .payment-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.school-admin-dashboard .pie-chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px;height:250px}.school-admin-dashboard .pie-chart{width:200px;height:200px;border-radius:50%;background:conic-gradient(#4caf50 0 65%,#ffc107 65% 85%,#f44336 85% 100%);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .pie-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.school-admin-dashboard .legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;color:var(--dark)}.school-admin-dashboard .legend-item .dot{width:12px;height:12px;border-radius:50%}.school-admin-dashboard .legend-item .dot.paid{background:#4caf50}.school-admin-dashboard .legend-item .dot.partial{background:#ffc107}.school-admin-dashboard .legend-item .dot.unpaid{background:#f44336}.school-admin-dashboard .bar-chart-container{padding:20px 0;height:250px}.school-admin-dashboard .bar-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.school-admin-dashboard .bar-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.school-admin-dashboard .bar-label{width:120px;font-size:14px;color:var(--dark)}.school-admin-dashboard .bar-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;height:32px;background:var(--gray-lighter);border-radius:16px;overflow:hidden}.school-admin-dashboard .bar{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 12px;color:#fff;font-size:12px;font-weight:600;border-radius:16px;-webkit-transition:width 1s ease;transition:width 1s ease}.school-admin-dashboard .debtors-section{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .section-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.school-admin-dashboard .section-title h3{font-size:18px;font-weight:600;color:var(--dark)}.school-admin-dashboard .debtor-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.school-admin-dashboard .total-debt{font-weight:700;color:var(--danger)}.school-admin-dashboard .debtor-stats .count{padding:4px 12px;background:rgba(244,67,54,.1);color:var(--danger);border-radius:30px;font-size:12px}.school-admin-dashboard .debtors-table{width:100%;border-collapse:collapse}.school-admin-dashboard .debtors-table td,.school-admin-dashboard .debtors-table th{padding:14px;text-align:left;border-bottom:1px solid var(--gray-light)}.school-admin-dashboard .debtors-table th{background:rgba(244,67,54,.05);font-weight:600;color:var(--dark)}.school-admin-dashboard .outstanding-amount{font-weight:700;color:var(--danger)}.school-admin-dashboard .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.school-admin-dashboard .status-badge.partially-paid{background:rgba(255,193,7,.1);color:#ffc107}.school-admin-dashboard .status-badge.unpaid{background:rgba(244,67,54,.1);color:var(--danger)}.school-admin-dashboard .btn-remind{padding:6px 16px;background:rgba(33,150,243,.1);color:#2196f3;border:none;border-radius:6px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .btn-remind:hover{background:#2196f3;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.school-admin-dashboard .achievement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.school-admin-dashboard .achievement-stats .stat-card{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .achievement-stats .stat-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover)}.school-admin-dashboard .achievement-stats .stat-card i{font-size:36px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .achievement-stats .stat-card:hover i{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.school-admin-dashboard .stat-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.school-admin-dashboard .stat-info .value{font-size:32px;font-weight:700;color:var(--dark);display:block}.school-admin-dashboard .stat-info .label{font-size:13px;color:var(--gray)}.school-admin-dashboard .achievement-stats .stat-card.gold i{color:gold}.school-admin-dashboard .achievement-stats .stat-card.academic i{color:var(--success)}.school-admin-dashboard .achievement-stats .stat-card.sports i{color:#2196f3}.school-admin-dashboard .achievement-stats .stat-card.competition i{color:#9c27b0}.school-admin-dashboard .achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.school-admin-dashboard .top-achievers-card{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .top-achievers-card h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:20px}.school-admin-dashboard .achievers-showcase{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.school-admin-dashboard .achiever-card{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px 16px;text-align:center;border-radius:16px;position:relative;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .achiever-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.school-admin-dashboard .achiever-card.rank-1{background:linear-gradient(135deg,#fff9c4,#ffe082)}.school-admin-dashboard .achiever-card.rank-2{background:linear-gradient(135deg,#e0e0e0,#bdbdbd)}.school-admin-dashboard .achiever-card.rank-3{background:linear-gradient(135deg,#ffccbc,#ffab91)}.school-admin-dashboard .medal{font-size:32px;margin-bottom:12px}.school-admin-dashboard .achiever-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;margin:0 auto 16px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .achiever-avatar-placeholder i{font-size:48px}.school-admin-dashboard .achiever-card:hover .achiever-avatar-placeholder{-webkit-transform:scale(1.1);transform:scale(1.1)}.school-admin-dashboard .achiever-card h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:4px}.school-admin-dashboard .achiever-card .class{font-size:12px;color:var(--gray);display:block;margin-bottom:12px}.school-admin-dashboard .awards-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.school-admin-dashboard .awards-tag span{padding:4px 10px;background:hsla(0,0%,100%,.5);border-radius:30px;font-size:11px;font-weight:500;color:var(--dark)}.school-admin-dashboard .achievements-timeline{padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .achievements-timeline h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:24px}.school-admin-dashboard .timeline{position:relative}.school-admin-dashboard .timeline:before{content:"";position:absolute;left:24px;top:0;height:100%;width:2px;background:var(--gray-light)}.school-admin-dashboard .timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;margin-bottom:24px;position:relative}.school-admin-dashboard .timeline-item:last-child{margin-bottom:0}.school-admin-dashboard .timeline-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid var(--gray-light);z-index:1}.school-admin-dashboard .timeline-icon i{font-size:20px}.school-admin-dashboard .timeline-icon.Academic{background:rgba(76,175,80,.1);color:var(--success);border-color:var(--success)}.school-admin-dashboard .timeline-icon.Sports{background:rgba(33,150,243,.1);color:#2196f3;border-color:#2196f3}.school-admin-dashboard .timeline-icon.Competitions{background:rgba(255,193,7,.1);color:#ffc107;border-color:#ffc107}.school-admin-dashboard .timeline-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;background:var(--gray-lighter);border-radius:12px;-webkit-transition:var(--transition);transition:var(--transition)}.school-admin-dashboard .timeline-content:hover{-webkit-transform:translateX(5px);transform:translateX(5px);background:#fff;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.school-admin-dashboard .timeline-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.school-admin-dashboard .timeline-header .student{font-weight:600;color:var(--dark)}.school-admin-dashboard .timeline-header .date{font-size:12px;color:var(--gray)}.school-admin-dashboard .timeline-content h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:8px}.school-admin-dashboard .timeline-content .badge{padding:4px 12px;border-radius:30px;font-size:11px;font-weight:600;margin-right:8px;display:inline-block}.school-admin-dashboard .timeline-content .badge.Academic{background:rgba(76,175,80,.1);color:var(--success)}.school-admin-dashboard .timeline-content .badge.Sports{background:rgba(33,150,243,.1);color:#2196f3}.school-admin-dashboard .timeline-content .badge.Competitions{background:rgba(255,193,7,.1);color:#ffc107}.school-admin-dashboard .timeline-content .position{font-size:12px;color:var(--gray)}.school-admin-dashboard .dashboard-footer{margin-top:48px;padding:24px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.school-admin-dashboard .footer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;color:var(--gray);font-size:13px}.school-admin-dashboard .footer-content .separator{color:var(--gray-light)}.school-admin-dashboard .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999}.school-admin-dashboard .loader{position:relative;width:200px;height:60px;margin-bottom:24px}.school-admin-dashboard .circle{position:absolute;width:20px;height:20px;border-radius:50%;-webkit-animation:sad-loading 2s ease-in-out infinite;animation:sad-loading 2s ease-in-out infinite}.school-admin-dashboard .circle:first-child{left:30px;-webkit-animation-delay:0s;animation-delay:0s;background:var(--primary)}.school-admin-dashboard .circle:nth-child(2){left:70px;-webkit-animation-delay:.2s;animation-delay:.2s;background:var(--success)}.school-admin-dashboard .circle:nth-child(3){left:110px;-webkit-animation-delay:.4s;animation-delay:.4s;background:var(--info)}.school-admin-dashboard .shadow{position:absolute;bottom:-20px;width:20px;height:4px;background:rgba(0,0,0,.1);border-radius:50%;-webkit-filter:blur(2px);filter:blur(2px);-webkit-animation:sad-shadow 2s ease-in-out infinite;animation:sad-shadow 2s ease-in-out infinite}.school-admin-dashboard .shadow:nth-child(4){left:30px;-webkit-animation-delay:0s;animation-delay:0s}.school-admin-dashboard .shadow:nth-child(5){left:70px;-webkit-animation-delay:.2s;animation-delay:.2s}.school-admin-dashboard .shadow:nth-child(6){left:110px;-webkit-animation-delay:.4s;animation-delay:.4s}.school-admin-dashboard .loading-overlay span{font-size:18px;font-weight:600;color:var(--dark);-webkit-animation:sad-pulse 2s infinite;animation:sad-pulse 2s infinite}@-webkit-keyframes sad-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes sad-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes sad-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes sad-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes sad-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sad-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes sad-fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sad-fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sad-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sad-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes sad-loading{0%,80%,to{-webkit-transform:scale(0);transform:scale(0);opacity:.5}40%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes sad-loading{0%,80%,to{-webkit-transform:scale(0);transform:scale(0);opacity:.5}40%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes sad-shadow{0%,80%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.3}40%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.5}}@keyframes sad-shadow{0%,80%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.3}40%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.5}}.school-admin-dashboard .dropdown-enter-active,.school-admin-dashboard .dropdown-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.school-admin-dashboard .dropdown-enter,.school-admin-dashboard .dropdown-leave-to{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.school-admin-dashboard .fade-enter-active,.school-admin-dashboard .fade-leave-active{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.school-admin-dashboard .fade-enter,.school-admin-dashboard .fade-leave-to{opacity:0}@media (max-width:1400px){.school-admin-dashboard .dashboard-container{padding:20px}.school-admin-dashboard .achievement-stats,.school-admin-dashboard .kpi-grid,.school-admin-dashboard .revenue-dashboard,.school-admin-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.school-admin-dashboard .academic-grid,.school-admin-dashboard .achievement-grid,.school-admin-dashboard .attendance-insights-grid,.school-admin-dashboard .attendance-overview,.school-admin-dashboard .payment-analytics-grid{grid-template-columns:1fr}}@media (max-width:1200px){.school-admin-dashboard .nav-button-group{display:none}.school-admin-dashboard .nav-dropdown-container{display:block}.school-admin-dashboard .header-right .search-input{width:200px}.school-admin-dashboard .header-right .search-input:focus{width:240px}.school-admin-dashboard .date-display{display:none}}@media (max-width:992px){.school-admin-dashboard .dashboard-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.school-admin-dashboard .header-left,.school-admin-dashboard .header-right{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.school-admin-dashboard .revenue-dashboard{grid-template-columns:repeat(2,1fr)}.school-admin-dashboard .achievers-showcase{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:768px){.school-admin-dashboard .dashboard-container{padding:16px}.school-admin-dashboard .header-left{-ms-flex-wrap:wrap;flex-wrap:wrap}.school-admin-dashboard .logo-area{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.school-admin-dashboard .nav-dropdown-container{width:100%}.school-admin-dashboard .nav-dropdown-btn{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.school-admin-dashboard .nav-dropdown-menu{width:100%}.school-admin-dashboard .header-right{-ms-flex-wrap:wrap;flex-wrap:wrap}.school-admin-dashboard .search-wrapper{width:100%}.school-admin-dashboard .search-input{width:100%!important}.school-admin-dashboard .user-dropdown-container{width:100%}.school-admin-dashboard .user-dropdown-btn{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.school-admin-dashboard .achievement-stats,.school-admin-dashboard .kpi-grid,.school-admin-dashboard .revenue-dashboard,.school-admin-dashboard .stats-grid{grid-template-columns:1fr}.school-admin-dashboard .section-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.school-admin-dashboard .section-actions{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.school-admin-dashboard .section-actions button{-webkit-box-flex:1;-ms-flex:1;flex:1}.school-admin-dashboard .filter-chips{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.school-admin-dashboard .filter-chip{width:100%}.school-admin-dashboard .filter-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.school-admin-dashboard .btn-load,.school-admin-dashboard .filter-item{width:100%}.school-admin-dashboard .pie-chart-container{height:auto}.school-admin-dashboard .footer-content,.school-admin-dashboard .pie-chart-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.school-admin-dashboard .footer-content{gap:8px}.school-admin-dashboard .footer-content .separator{display:none}}@media print{.school-admin-dashboard .academic-year-banner,.school-admin-dashboard .btn-intervene,.school-admin-dashboard .btn-load,.school-admin-dashboard .btn-remind,.school-admin-dashboard .dashboard-footer,.school-admin-dashboard .dashboard-header,.school-admin-dashboard .filter-chips,.school-admin-dashboard .gradient-bg,.school-admin-dashboard .notifications-wrapper,.school-admin-dashboard .search-wrapper,.school-admin-dashboard .section-actions,.school-admin-dashboard .smart-filter-bar,.school-admin-dashboard .user-dropdown-container{display:none!important}.school-admin-dashboard .dashboard-container{padding:0;max-width:100%}.school-admin-dashboard .main-content{margin:0}.school-admin-dashboard .achievements-timeline,.school-admin-dashboard .chart-card,.school-admin-dashboard .debtors-section,.school-admin-dashboard .kpi-card,.school-admin-dashboard .marks-table-container,.school-admin-dashboard .scores-table-container,.school-admin-dashboard .top-students-card{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ddd}.school-admin-dashboard *{color:#000!important;background:#fff!important}}