: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:24px!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}.app-layout[data-v-9f38e19f]{display:flex;min-height:100vh;background-color:var(--bg-primary)}.sidebar[data-v-9f38e19f]{width:280px;min-height:calc(100vh - 32px);margin:16px;padding:24px;border-radius:var(--radius-xl);position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar[data-v-9f38e19f],.sidebar-header-wrapper[data-v-9f38e19f]{display:flex;flex-direction:column}.sidebar-header-wrapper[data-v-9f38e19f]{margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid var(--border-color);gap:16px}.sidebar-brand[data-v-9f38e19f]{display:flex;align-items:center;gap:16px}.logo-img-sidebar[data-v-9f38e19f]{width:38px;height:38px;-o-object-fit:contain;object-fit:contain}.brand-text h1[data-v-9f38e19f]{font-size:1.25rem;font-weight:800;background:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text p[data-v-9f38e19f]{font-size:.75rem;color:var(--text-secondary);font-weight:500;letter-spacing:.05em}.admin-profile-top[data-v-9f38e19f]{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-md)}.profile-info-sm[data-v-9f38e19f]{display:flex;flex-direction:row;align-items:center;gap:6px;width:100%}.profile-info-sm .name[data-v-9f38e19f]{font-size:.85rem;font-weight:700;color:var(--text-primary)}.profile-info-sm .role[data-v-9f38e19f]{font-size:.75rem;color:var(--text-muted);background:#ffffff0d;padding:1px 4px;border-radius:3px}.sidebar-nav[data-v-9f38e19f]{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow-y:auto;padding-right:4px}.sidebar-nav[data-v-9f38e19f]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-9f38e19f]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-9f38e19f]::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:10px}.sidebar-nav[data-v-9f38e19f]::-webkit-scrollbar-thumb:hover{background:#0f172a26}.nav-link[data-v-9f38e19f]{display:flex;align-items:center;gap:12px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.nav-dropdown-wrapper[data-v-9f38e19f]{display:flex;flex-direction:column;gap:4px}.nav-dropdown-btn[data-v-9f38e19f]{justify-content:flex-start;position:relative}.arrow-icon[data-v-9f38e19f]{margin-left:auto;font-size:.65rem;color:var(--text-muted)}.nav-sub-list[data-v-9f38e19f]{display:flex;flex-direction:column;gap:4px;padding-left:20px;margin-top:2px;margin-bottom:8px;border-left:1.5px solid var(--border-color)}.sub-link[data-v-9f38e19f]{font-size:.88rem!important;font-weight:500!important;padding:7px 16px!important}.nav-link[data-v-9f38e19f]:hover{color:#fff;background:#ffffff08;transform:translate(4px)}.active-link[data-v-9f38e19f]{color:#fff;background:linear-gradient(135deg,var(--accent-primary-glow),var(--accent-secondary-glow));border:1px solid rgba(99,102,241,.2);box-shadow:0 4px 20px #6366f11a}.nav-icon[data-v-9f38e19f]{font-size:1.1rem}.btn-logout[data-v-9f38e19f]{margin-left:auto;padding:4px 8px;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-logout[data-v-9f38e19f]:hover{background:#ef4444;border-color:#ef4444;color:#fff}.avatar[data-v-9f38e19f]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.profile-info[data-v-9f38e19f]{display:flex;flex-direction:column}.role[data-v-9f38e19f]{font-size:.7rem;color:var(--text-muted);font-weight:600}.name[data-v-9f38e19f]{font-size:.9rem;font-weight:700;color:#fff}.main-container[data-v-9f38e19f]{margin-left:312px;flex-grow:1;padding:32px 24px 24px;display:flex;flex-direction:column;gap:20px;width:calc(100% - 312px)}.content-wrapper[data-v-9f38e19f]{flex-grow:1;min-height:calc(100vh - 64px)}.login-layout[data-v-9f38e19f]{display:block;min-height:100vh;background-color:transparent}.login-main-container[data-v-9f38e19f]{width:100%;margin-left:0;padding:0}