#app{width:100%;max-width:100%!important;margin:0!important;padding:0!important}body{margin:0;padding:0;place-items:unset!important;display:block!important}:root{--bg-primary:#f0f2f5;--bg-panel:#fff;--bg-sidebar:#0b1f4d;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--accent-color:#0c2d6c;--accent-hover:#1e40af;--accent-light:#eff6ff;--success-color:#10b981;--success-bg:#ecfdf5;--error-color:#ef4444;--error-bg:#fef2f2;--font-family:"Outfit", sans-serif;--sidebar-active-bg:#1e40af;--card-shadow:0 4px 20px -2px #0c2d6c0d, 0 2px 10px -1px #0c2d6c08}.dark-theme{--bg-primary:#0a0f1d;--bg-panel:#111827;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#94a3b8;--border-color:#374151;--accent-color:#3b82f6;--accent-hover:#60a5fa;--accent-light:#1e293b;--card-shadow:0 10px 30px -5px #0000004d, 0 4px 15px -3px #0003;--success-bg:#10b98126;--success-color:#34d399;--error-bg:#ef444426;--error-color:#f87171}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6,.dark-theme .pane-title,.dark-theme .modal-header h3{color:#f8fafc!important}.dark-theme p,.dark-theme .text-muted,.dark-theme span.text-muted,.dark-theme td.text-muted,.dark-theme label.text-muted,.dark-theme div.text-muted{color:#cbd5e1!important}.dark-theme .bg-light,.dark-theme .user-badge{border-color:var(--border-color)!important;color:#f8fafc!important;background-color:#1f2937!important}.dark-theme .alert{border-style:solid;border-width:1px}.dark-theme .alert.success{color:#34d399!important;background-color:#10b98126!important;border-color:#10b9814d!important}.dark-theme .alert.error{color:#f87171!important;background-color:#ef444426!important;border-color:#ef44444d!important}.dark-theme .alert-warning,.dark-theme .alert.alert-warning{color:#fbbf24!important;background-color:#f59e0b26!important;border-color:#f59e0b4d!important}.dark-theme .alert-warning .text-dark,.dark-theme .alert-warning strong{color:#fbbf24!important}.dark-theme .alert-warning .text-muted{color:#fbbf24b3!important}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#64748b!important}.dark-theme .panel,.dark-theme .card,.dark-theme .modal-content,.dark-theme .theme-toggle-box button{background-color:var(--bg-panel)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme table{background-color:var(--bg-panel)!important;color:var(--text-primary)!important}.dark-theme th,.dark-theme td{color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme td{background-color:var(--bg-panel)}.dark-theme .table-striped tbody tr:nth-of-type(odd) td{background-color:#ffffff04!important}.dark-theme .table-hover tbody tr:hover td{background-color:#ffffff0a!important}.dark-theme .table-light,.dark-theme thead th,.dark-theme .form-control,.dark-theme .form-select,.dark-theme .search-box input{color:#f8fafc!important;border-color:var(--border-color)!important;background-color:#1f2937!important}.dark-theme .text-dark,.dark-theme th span,.dark-theme strong,.dark-theme label{color:#f8fafc!important}.dark-theme .bg-light-subtle,.dark-theme td.bg-light-subtle{background-color:#1f2937!important}.dark-theme .stat-card{background-color:var(--bg-panel)!important;border-color:var(--border-color)!important}.dark-theme .stat-value{color:var(--text-primary)!important}.dark-theme .pane-action-bar .bg-light{border-color:var(--border-color)!important;background-color:#1f2937!important}.dark-theme .pane-action-bar .bg-light span{color:#f8fafc!important}.dark-theme .bg-white,.dark-theme .list-group-item,.dark-theme .list-group-item.bg-white{background-color:var(--bg-panel)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .list-group-item-action:hover,.dark-theme .list-group-item-action:focus{color:var(--text-primary)!important;background-color:#1f2937!important}.dark-theme .list-group-item-action.active{background-color:var(--accent-color)!important;color:#fff!important}.bg-purple-subtle{color:#a855f7!important;background-color:#a855f71a!important}.text-purple{color:#a855f7!important}.dark-theme .bg-primary-subtle{color:#60a5fa!important;background-color:#3b82f626!important}.dark-theme .bg-purple-subtle{color:#c084fc!important;background-color:#a855f726!important}.dark-theme .bg-success-subtle{color:#34d399!important;background-color:#10b98126!important}.dark-theme .bg-warning-subtle{color:#fbbf24!important;background-color:#f59e0b26!important}.dark-theme .bg-danger-subtle{color:#f87171!important;background-color:#ef444426!important}.dark-theme .bg-info-subtle{color:#67e8f9!important;background-color:#06b6d426!important}.dark-theme .text-primary{color:#60a5fa!important}.dark-theme .text-success{color:#34d399!important}.dark-theme .text-warning{color:#fbbf24!important}.dark-theme .text-danger{color:#f87171!important}.dark-theme .text-info{color:#67e8f9!important}.dark-theme .text-purple{color:#c084fc!important}.dark-theme .btn-close{filter:invert()grayscale()brightness(2)!important}.dark-theme .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f8fafc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important}.dark-theme input[type=date]::-webkit-calendar-picker-indicator{filter:invert()!important}.dark-theme code{color:#f472b6!important;background-color:#f472b61a!important}.dark-theme .timeline-dot{border-color:var(--bg-panel)!important}.dark-theme ::-webkit-scrollbar{width:8px;height:8px}.dark-theme ::-webkit-scrollbar-track{background:var(--bg-primary)!important}.dark-theme ::-webkit-scrollbar-thumb{border-radius:4px;border:2px solid var(--bg-primary)!important;background-color:#374151!important}.dark-theme ::-webkit-scrollbar-thumb:hover{background-color:#4b5563!important}.dark-theme .bg-white,.dark-theme .card,.dark-theme .panel,.dark-theme .student-tuition-card,.dark-theme .quiz-card,.dark-theme .vocab-card,.dark-theme .feedback-card,.dark-theme .modal-content{background-color:var(--bg-panel)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .bg-light,.dark-theme .bg-light-subtle,.dark-theme .p-3.bg-light,.dark-theme .p-4.bg-light,.dark-theme .bg-body-tertiary{color:#e2e8f0!important;background-color:#0f172a!important;border-color:#334155!important}.dark-theme .text-dark,.dark-theme .text-black,.dark-theme .text-secondary,.dark-theme .fw-bold.text-dark{color:#f8fafc!important}.dark-theme .text-muted{color:#cbd5e1!important}.dark-theme .text-xxs.text-muted,.dark-theme .small.text-muted{color:#94a3b8!important}.dark-theme .btn-light,.dark-theme .btn-light-subtle{color:#f8fafc!important;background-color:#334155!important;border-color:#475569!important}.dark-theme .btn-light:hover{color:#fff!important;background-color:#475569!important}.dark-theme .text-primary,.dark-theme .btn-link.text-primary{color:#38bdf8!important}.dark-theme .salary-preview-card{background-color:#3b82f61a!important;border:1px dashed #3b82f64d!important}.dark-theme .border-light,.dark-theme .border-light-subtle{border-color:var(--border-color)!important}.dark-theme .login-card{background-color:var(--bg-panel)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-theme .timetable-grid-cell-disabled{background-color:var(--bg-primary)!important}body{font-family:var(--font-family)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.app-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.system-workspace{width:100vw;height:100vh}.system-sidebar{background-color:var(--bg-sidebar);color:#fff;z-index:100;border-top-right-radius:24px;border-bottom-right-radius:24px;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:5px 0 25px #0000000f}@media (width<=767.98px){.system-sidebar{z-index:1040;height:calc(100vh - 56px);box-shadow:none;border-radius:0;position:fixed;top:56px;left:0}}.sidebar-nav{flex-direction:column;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;opacity:1;padding:18px 16px 6px;font-size:11px;font-weight:800;color:#cbd5e1!important}.sidebar-brand{border-bottom:1px solid #ffffff0f;padding:24px}.logo-icon-sm{color:#fff;background-color:#3b82f6;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;gap:6px;padding:20px 12px;display:flex}.nav-link{color:#c7d2fe;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;height:44px;padding:0 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background-color:#ffffff0d}.nav-link.active{background-color:var(--sidebar-active-bg);color:#fff;box-shadow:0 4px 12px #1e40af4d}.nav-icon{fill:currentColor;width:20px;height:20px}.logout-icon{fill:currentColor;width:16px;height:16px}.avatar-icon{color:#fff;background-color:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.system-header{background-color:var(--bg-panel);height:76px;transition:background-color .3s,border-color .3s}.login-wrapper{background:radial-gradient(circle at 10% 20%,#1e40af 0%,#0b1f4d 90%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;width:900px;max-width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.login-brand{color:#fff;padding:48px}.logo-icon{background-color:#3b82f6;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:32px;font-weight:800;display:flex}.login-card{background-color:#fff;flex-direction:column;justify-content:center;padding:48px;display:flex}.timetable-grid-table{border-collapse:collapse}.timetable-grid-table th,.timetable-grid-table td{vertical-align:top;border:1px solid var(--border-color)!important}.timetable-grid-cell{background-color:var(--bg-panel);cursor:pointer;transition:background-color .2s;position:relative}.timetable-grid-cell:hover{background-color:var(--accent-light)}.timetable-grid-cell:hover .add-slot-helper{opacity:.8!important}.timetable-grid-cell-disabled{opacity:.65;background-color:var(--bg-body)!important;cursor:not-allowed!important}.timetable-grid-cell-disabled:hover{background-color:var(--bg-body)!important}.timetable-grid-cell-disabled:hover .add-slot-helper{opacity:0!important}.timetable-grid-cell-disabled .timetable-slot-card{filter:grayscale()opacity(.6);cursor:not-allowed!important;box-shadow:none!important;border-left-color:#6c757d!important;transform:none!important}.timetable-grid-cell-disabled .timetable-slot-card:hover{box-shadow:none!important;transform:none!important}.timetable-slot-card{transition:transform .2s,box-shadow .2s}.timetable-slot-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a!important}.hover-opacity-100:hover{opacity:1!important}.btn-close-xs{width:.5em!important;height:.5em!important;padding:.5rem!important}.text-xxs{font-size:10px!important}.text-xs{font-size:11px!important}.stat-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -2px #0c2d6c1f!important}.chart-bar{cursor:pointer;transition:fill .2s,opacity .2s}.chart-bar:hover{fill:#3b82f6;opacity:.95}.search-icon{z-index:10}.modal-backdrop{z-index:1050;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-panel);flex-direction:column;width:440px;max-width:100%;height:100%;animation:.3s slideLeft;display:flex;box-shadow:-10px 0 30px #0000000f}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.required-star{color:var(--error-color)}.alert.success{background-color:var(--success-bg);color:var(--success-color)}.alert.error{background-color:var(--error-bg);color:var(--error-color)}.form-control,.form-select{border-color:var(--border-color);background-color:var(--bg-panel);color:var(--text-primary)}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--bg-panel);color:var(--text-primary)}.theme-card{cursor:pointer;transition:border-color .2s}.theme-card.selected{box-shadow:0 0 0 3px var(--accent-light);border-color:var(--accent-color)!important}.activity-timeline{position:relative}.timeline-item:after{content:"";background-color:var(--border-color);width:2px;position:absolute;top:14px;bottom:0;left:5px}.timeline-item:last-child:after{display:none}.loader{border:3px solid #0000001a;border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.8s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.slot-color-0{color:#4f46e5!important;background-color:#4f46e51f!important;border-left-color:#4f46e5!important}.slot-color-1{color:#10b981!important;background-color:#10b9811f!important;border-left-color:#10b981!important}.slot-color-2{color:#b45309!important;background-color:#d977061f!important;border-left-color:#d97706!important}.slot-color-3{color:#7c3aed!important;background-color:#8b5cf61f!important;border-left-color:#8b5cf6!important}.slot-color-4{color:#db2777!important;background-color:#ec48991f!important;border-left-color:#ec4899!important}.slot-color-5{color:#0891b2!important;background-color:#06b6d41f!important;border-left-color:#06b6d4!important}.slot-color-6{color:#e11d48!important;background-color:#f43f5e1f!important;border-left-color:#f43f5e!important}.dark-theme .slot-color-0{color:#a5b4fc!important;background-color:#6366f133!important;border-left-color:#6366f1!important}.dark-theme .slot-color-1{color:#6ee7b7!important;background-color:#34d39933!important;border-left-color:#34d399!important}.dark-theme .slot-color-2{color:#fde047!important;background-color:#fbbf2433!important;border-left-color:#fbbf24!important}.dark-theme .slot-color-3{color:#c084fc!important;background-color:#a78bfa33!important;border-left-color:#a78bfa!important}.dark-theme .slot-color-4{color:#f9a8d4!important;background-color:#f472b633!important;border-left-color:#f472b6!important}.dark-theme .slot-color-5{color:#67e8f9!important;background-color:#22d3ee33!important;border-left-color:#22d3ee!important}.dark-theme .slot-color-6{color:#fca5a5!important;background-color:#fb718533!important;border-left-color:#fb7185!important}.session-warning-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:1000000!important;background-color:#000000a6!important}.session-warning-card{background-color:var(--bg-panel);width:400px;max-width:90%;color:var(--text-primary);border:1px solid var(--border-color)!important}.forgot-modal-overlay[data-v-f45ebd8b]{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:99999!important;background-color:#000000a6!important}.forgot-modal-container[data-v-f45ebd8b]{border-radius:16px;width:400px;max-width:90%;box-shadow:0 10px 25px #0003;color:var(--text-primary)!important;background-color:var(--bg-panel)!important;border:1px solid var(--border-color)!important;z-index:100000!important}.hover-card[data-v-667cc761]{transition:transform .2s,box-shadow .2s}.hover-card[data-v-667cc761]:hover{transform:translateY(-4px);box-shadow:0 .5rem 1rem #00000014!important}.mt-0\.5[data-v-667cc761]{margin-top:.125rem}.hover-card[data-v-2dc21b25]{transition:transform .2s,box-shadow .2s}.hover-card[data-v-2dc21b25]:hover{transform:translateY(-4px);box-shadow:0 .5rem 1rem #00000014!important}.line-clamp-2[data-v-2dc21b25]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cursor-pointer[data-v-2dc21b25]{cursor:pointer}.avatar-icon-sm[data-v-a5a07741]{background-color:var(--primary-color,#4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.salary-preview-card[data-v-a5a07741]{background-color:#f3f4f6;border:1px dashed #d1d5db}.flashcard[data-v-9d4760c4]{perspective:1000px;background-color:var(--bs-light-bg-subtle);border-color:var(--bs-border-color-translucent)}.card-face[data-v-9d4760c4]{backface-visibility:hidden;width:100%}.cursor-pointer[data-v-9d4760c4]{cursor:pointer}.hover-shadow[data-v-9d4760c4]:hover{border-color:var(--bs-border-color-darker);box-shadow:0 4px 12px #0000000d}.bg-primary-subtle[data-v-9d4760c4]{background-color:#0d6efd14}.hover-shadow[data-v-69dfaf88]:hover{border-color:var(--bs-border-color-darker);box-shadow:0 6px 18px #0000000f}.cursor-pointer[data-v-69dfaf88]{cursor:pointer}.bg-primary-subtle[data-v-69dfaf88]{background-color:#0d6efd14}.bg-danger-subtle[data-v-69dfaf88]{background-color:#dc354514}.option-row[data-v-69dfaf88]:hover{background-color:#00000003}.hover-shadow[data-v-a9e9df41]:hover{box-shadow:0 4px 12px #0000000d}.cursor-pointer[data-v-a9e9df41]{cursor:pointer}.border-dashed[data-v-a9e9df41]{border-style:dashed!important}.btn-close-xs[data-v-55831c2f]{padding:.25rem;font-size:.75rem}.bg-success-subtle[data-v-55831c2f]{background-color:#10b98126}.border-success-subtle[data-v-55831c2f]{border-color:#10b9814d!important}.modal-backdrop[data-v-d05ca54b]{z-index:1060;background-color:#0006;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-content[data-v-d05ca54b]{background-color:var(--bs-body-bg)}.cursor-pointer[data-v-d05ca54b]{cursor:pointer}.modal-backdrop[data-v-5cf8531e]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1060;background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.option-item[data-v-5cf8531e]{transition:all .2s ease-in-out}.option-item[data-v-5cf8531e]:hover{background-color:#3b82f60d}.cursor-pointer[data-v-5cf8531e]{cursor:pointer}.modal-backdrop[data-v-d1c77bfd]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1060;background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.question-builder-container[data-v-2a790fa3]{border:1px solid var(--border-color);background-color:#00000005;border-radius:.5rem;padding:1rem}.dark-theme .question-builder-container[data-v-2a790fa3]{background-color:#ffffff05}.question-card[data-v-2a790fa3]{transition:all .2s ease-in-out;border-left:4px solid var(--accent-color)!important}.question-card[data-v-2a790fa3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014!important}.dark-theme .question-card[data-v-2a790fa3]:hover{box-shadow:0 4px 12px #0000004d!important}.text-accent[data-v-2a790fa3]{color:var(--accent-color)}.dark-theme .text-accent[data-v-2a790fa3]{color:var(--accent-hover)}.hover-scale[data-v-2a790fa3]{transition:transform .15s}.hover-scale[data-v-2a790fa3]:hover{transform:scale(1.05)}.hover-text-danger[data-v-2a790fa3]:hover{color:var(--error-color)!important}.cursor-pointer[data-v-2a790fa3]{cursor:pointer}.bg-success-subtle[data-v-2a790fa3]{background-color:#10b98126}.dark-theme .bg-success-subtle[data-v-2a790fa3]{background-color:#34d39933}