:root{--font-sans:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-glow:rgba(99,102,241,.08);--accent-secondary:#a855f7;--accent-secondary-glow:rgba(168,85,247,.08);--status-success:#059669;--status-warning:#d97706;--status-danger:#dc2626;--status-info:#2563eb;--border-color:rgba(0,0,0,.08);--border-color-hover:rgba(0,0,0,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.02);--shadow-glow:0 0 20px 0 rgba(99,102,241,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);transition:border-color var(--transition-normal),transform var(--transition-normal)}.glass-panel:hover{border-color:var(--border-color-hover)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;color:#0f172a}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);opacity:.95}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--border-color-hover);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;line-height:1}.badge-success{background:#d1fae5!important;color:#065f46!important}.badge-warning{background:#fef3c7!important;color:#92400e!important}.badge-danger{background:#fee2e2!important;color:#991b1b!important}.activity-detail p strong,.alert-box,.class-name,.dashboard-card .card-title,.data-table td,.data-table th,.empty-state p,.form-label,.input-label,.modal-header h3,.modal-title,.page-title,.points-balance,.points-summary,.points-table .name-cell strong,.points-table .settled-cell,.points-table .total-cell,.promotions-table .name-cell strong,.report-card .name,.report-card .stats-summary,.stat-value,.stats-val.settled,.student-info,.student-name,.students-table .name-cell strong,.summary-text,.time-badge,.timetable-item .time,.title,h1,h2,h3,h4,h5,h6,label{color:var(--text-primary)!important}.tab-btn.active,.tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 10px #6366f140!important}.tab-btn:not(.active),.tab:not(.active){color:var(--text-secondary)!important;background:#fff!important;border:1px solid #cbd5e1!important}.activity-item:hover,.points-table tr:hover td,.promotions-table tr:hover td,.students-table tr:hover td,.timetable-item:hover{background:#f1f5f9!important}.belt,.belt-badge,.student-belt{border-width:1px!important;border-style:solid!important;box-shadow:0 1px 3px #00000005!important}.belt-badge.belt-white,.belt-badge.white,.belt-white,.dot-white,.sub-link.active-link[to*=white]{background-color:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}.belt-badge.belt-yellow,.belt-badge.yellow,.belt-yellow,.dot-yellow{background-color:#fef9c3!important;color:#713f12!important;border-color:#fef08a!important}.belt-badge.belt-green,.belt-badge.green,.belt-green,.dot-green{background-color:#d1fae5!important;color:#065f46!important;border-color:#a7f3d0!important}.belt-badge.belt-blue,.belt-badge.blue,.belt-blue,.dot-blue{background-color:#dbeafe!important;color:#1e40af!important;border-color:#bfdbfe!important}.belt-badge.belt-purple,.belt-badge.purple,.belt-purple,.dot-purple{background-color:#f3e8ff!important;color:#6b21a8!important;border-color:#e9d5ff!important}.belt-badge.belt-orange,.belt-badge.orange,.belt-orange,.dot-orange{background-color:#ffedd5!important;color:#9a3412!important;border-color:#fed7aa!important}.belt-badge.belt-brown,.belt-badge.brown,.belt-brown,.dot-brown{background-color:#efe9e2!important;color:#5c3f2b!important;border-color:#ddcfbf!important}.belt-badge.belt-red,.belt-badge.red,.belt-red,.dot-red{background-color:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.belt-badge.belt-red_black,.belt-badge.belt-redblack,.belt-badge.red_black,.belt-badge.redblack,.belt-red_black,.belt-redblack,.dot-red_black,.dot-redblack{background:linear-gradient(135deg,#ef4444,#1e293b)!important;color:#fff!important;border-color:#0f172a!important}.belt-badge.belt-black,.belt-badge.black,.belt-black,.dot-black{background-color:#1e293b!important;color:#fff!important;border-color:#0f172a!important}.belt-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;border:1px solid rgba(0,0,0,.15)}input[type=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{color:var(--text-primary)!important;background-color:#fff!important;border-color:#cbd5e1!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#94a3b8!important}input::placeholder,textarea::placeholder{color:#94a3b8!important}.btn-blue,.btn-danger,.btn-danger *,.btn-primary,.btn-primary *,.btn-purple,.btn-red{color:#fff!important}.sidebar{background:#fff!important;border-right:1px solid rgba(0,0,0,.08)!important}.sidebar .nav-link,.sidebar h1,.sidebar h2{color:#334155!important}.sidebar .active-link,.sidebar .nav-link:hover{background:#f1f5f9!important;color:#6366f1!important}.stats-card:not(.ready):not(.master) .stats-val,.stats-overview-grid .stats-card .stats-val:not(.ready-val):not(.master-val){color:var(--text-primary)!important}.chip.active,.chips .chip.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 2px 6px #6366f133!important}.chip:not(.active){color:var(--text-secondary)!important;background:#fff!important;border:1px solid #cbd5e1!important}.rank-badge.rank-1{background-color:#fbbf24!important;color:#78350f!important}.rank-badge.rank-2{background-color:#cbd5e1!important;color:#334155!important}.rank-badge.rank-3{background-color:#f59e0b!important;color:#fff!important}.btn-logout,.sidebar-footer .btn-logout{background-color:#fef2f2!important;border:1px solid #fee2e2!important;color:#dc2626!important}.btn-logout:hover,.sidebar-footer .btn-logout:hover{background-color:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c!important}.modal-overlay{background:#0f172a73!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:1000!important}.modal-content{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 25px 50px -12px #0f172a40!important;border-radius:var(--radius-lg)!important;padding:32px!important;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)!important}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0!important;padding-bottom:18px!important;margin-bottom:12px!important;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem!important;font-weight:800!important;color:#0f172a!important}.close-btn{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#64748b!important;width:32px;height:32px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;font-size:1.2rem!important;font-weight:500!important;cursor:pointer;transition:all var(--transition-fast)!important}.close-btn:hover{background:#e2e8f0!important;color:#0f172a!important}input[type=date]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 0 3px #6366f12e!important}.data-table,table{border-collapse:separate!important;border-spacing:0!important}table th{background-color:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;color:#475569!important;font-weight:700!important;font-size:.85rem!important;text-transform:uppercase;letter-spacing:.05em}table td,table th{padding:14px 16px!important}table td{border-bottom:1px solid #e2e8f0!important;color:#334155!important}table tr:last-child td{border-bottom:none!important}.btn-primary{font-weight:700!important;letter-spacing:-.01em}.btn-secondary:hover{background-color:#f1f5f9!important;color:#0f172a!important}.belt-badge{border:1px solid rgba(15,23,42,.1)!important;box-shadow:0 2px 4px #00000008!important;padding:4px 10px!important;border-radius:6px!important;font-weight:700!important;font-size:.75rem!important}.btn-danger{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--radius-sm);padding:6px 12px!important;background:#fef2f2!important;color:#ef4444!important;border:1px solid #fecaca!important;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;box-shadow:0 4px 12px #ef444426!important}.btn-danger:active{transform:translateY(0)}