*{margin:0;padding:0;box-sizing:border-box}#navbar.scrolled{background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:.5rem;padding-bottom:.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn-hover{transition:all .3s ease}.btn-hover:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.card{transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}#carousel-container .carousel-slide{min-width:100%;height:100%;background-size:cover;background-position:center}.video-player{width:100%;aspect-ratio:16/9;background-color:#000;border-radius:.5rem;overflow:hidden}.modal{transition:opacity .3s ease}.modal-content{transition:all .3s ease}.admin-container{display:flex;min-height:100vh}.admin-sidebar{width:250px;background-color:#2d3748;color:#fff;transition:all .3s ease;height:100vh;position:fixed;z-index:10}.admin-sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #4a5568}.admin-sidebar-header h1{font-size:1.5rem;font-weight:700}.admin-sidebar-menu{padding-top:1rem}.admin-sidebar-menu a{display:flex;align-items:center;padding:.75rem 1.5rem;color:#e2e8f0;transition:all .2s ease;border-left:3px solid transparent}.admin-sidebar-menu a:hover,.admin-sidebar-menu a.active{background-color:#4a5568;border-left-color:#38b2ac;color:#fff}.admin-sidebar-menu i{margin-right:.75rem;width:1.25rem}.admin-main{flex:1;margin-left:250px;transition:all .3s ease}.admin-header{background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.admin-user-menu{position:relative}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background-color:#38b2ac;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer}.admin-dropdown-menu{position:absolute;top:100%;right:0;min-width:150px;background-color:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;padding:.5rem 0;margin-top:.5rem;display:none;z-index:100}.admin-dropdown-menu.show{display:block}.admin-dropdown-menu a,.admin-dropdown-menu button{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;cursor:pointer;color:#4a5568;transition:background-color .2s ease}.admin-dropdown-menu a:hover,.admin-dropdown-menu button:hover{background-color:#f7fafc;color:#2d3748}.admin-content{padding:2rem}.admin-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:2rem}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.admin-card-header h2{font-size:1.5rem;font-weight:700;color:#2d3748}@media (max-width: 768px){.admin-sidebar{width:0;overflow:hidden}.admin-main{margin-left:0}.sidebar-open .admin-sidebar{width:250px}.menu-toggle-btn{display:block!important}}.menu-toggle-btn{display:none;background:none;border:none;font-size:1.5rem;color:#4a5568;cursor:pointer}.pagination-btn{padding:.75rem;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;background-color:#fff;color:#374151;transition:all .2s ease}.pagination-btn:hover{background-color:#f9fafb}.pagination-btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.pagination-btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.pagination-btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.pagination-btn.active:hover{background-color:#1d4ed8}.pagination-btn.disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.pagination-btn.disabled:hover{background-color:#f3f4f6}.pagination-ellipsis{padding:.75rem;font-size:.875rem;font-weight:500;color:#6b7280}.question-card{transition:all .3s ease}.question-card:hover{transform:translateY(-2px)}.question-card .question-text{line-height:1.7}.difficulty-badge{font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px}.math-formula{font-family:Times New Roman,serif;background-color:#fef3c7;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;margin:0 .25rem;display:inline-block;border:1px solid #fbbf24}.math-formula-inline{font-family:Times New Roman,serif;background-color:#fef3c7;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem;margin:0 .125rem}.math-block{font-family:Times New Roman,serif;background-color:#fef3c7;padding:1rem;border-radius:.5rem;margin:1rem 0;border:1px solid #fbbf24;text-align:center;font-size:1.1rem}.option-item{transition:all .2s ease}.option-item:hover{background-color:#f8fafc;border-color:#3b82f6}.option-label{flex-shrink:0;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.filter-section select{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff}.filter-section select:focus{background-color:#fff3;border-color:#ffffff80}.filter-section select option{background-color:#1f2937;color:#fff}.search-container{position:relative}.search-container input:focus+.search-icon{color:#3b82f6}.favorite-btn{transition:all .3s ease}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn.favorited{color:#ef4444}.btn-primary{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.btn-secondary{background-color:#e5e7eb;color:#374151;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.btn-secondary:hover{background-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (max-width: 768px){.question-card{margin-bottom:1rem;padding:1rem}.question-card .question-content h3{font-size:1rem}.question-options{margin-top:.75rem}.pagination-btn{padding:.5rem;font-size:.75rem}.modal-content{max-height:95vh;margin:.5rem}}@media (prefers-color-scheme: dark){.question-card{background-color:#1f2937;color:#f9fafb}.math-formula,.math-formula-inline{background-color:#374151;border-color:#6b7280;color:#f9fafb}.option-item{background-color:#374151;border-color:#4b5563}.option-item:hover{background-color:#4b5563}}@media print{.question-card{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.view-detail-btn,.favorite-btn,.pagination-container{display:none}}.question-type-choice{border-left:4px solid #10b981}.question-type-fill{border-left:4px solid #f59e0b}.question-type-answer{border-left:4px solid #3b82f6}.question-type-essay{border-left:4px solid #8b5cf6}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-enter-active[data-v-89878a4e],.toast-leave-active[data-v-89878a4e]{transition:all .2s ease}.toast-enter-from[data-v-89878a4e],.toast-leave-to[data-v-89878a4e]{opacity:0;transform:translateY(-6px)}.fade-in[data-v-79c6b738]{animation:fadeIn .5s ease-out}