.quizzes-header.desktop-layout{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:.5rem 0;flex-wrap:wrap;gap:1rem}@media(max-width:900px){.quizzes-header.desktop-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}@media(max-width:600px){.quizzes-header.desktop-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}@media screen and (max-width:900px){.quizzes-header.desktop-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}.quizzes-header.desktop-layout .search-section{display:flex;align-items:center;gap:.5rem;flex-grow:1;position:relative;padding-left:0!important;margin-right:auto}.quizzes-header.desktop-layout .search-section .filter-dropdown,.quizzes-header.desktop-layout .search-section .filter-subject-dropdown{position:relative;z-index:999}.quizzes-header.desktop-layout:not(:has(.search-section)){justify-content:flex-end}.quizzes-header.desktop-layout:not(:has(.search-section)) .actions-section{margin-left:auto}.quizzes-header.desktop-layout .actions-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.quizzes-header.desktop-layout .actions-section .menu-wrapper{position:relative;z-index:10;display:inline-flex;align-items:center;margin-left:.5rem}.quizzes-header.desktop-layout .actions-section .menu-trigger{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;margin:-4px;height:36px;width:36px}.quizzes-header.desktop-layout .actions-section .menu-trigger:hover{background:#f0f2fd}.quizzes-header.desktop-layout .actions-section .create-buttons{display:flex;align-items:center;gap:.5rem}.quizzes-header.desktop-layout .actions-section .create-buttons .outlined{background:#f0f2fd}.quizzes-header.desktop-layout .actions-section .create-buttons .ai-button-content{display:inline-flex;align-items:center;gap:.2rem;color:#6052cc;font-size:.875rem;line-height:1;white-space:nowrap}.quizzes-header.desktop-layout .actions-section .create-buttons .ai-button-content .sparkle-icon{display:block;margin-top:-1px;color:#6052cc}.quizzes-header.tablet-layout{display:none;width:100%;flex-direction:column;gap:1rem;padding:.5rem 0}@media screen and (min-width:601px)and (max-width:900px){.quizzes-header.tablet-layout{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;left:auto!important;height:auto!important;width:100%!important}}@media screen and (min-width:901px){.quizzes-header.tablet-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}@media screen and (max-width:600px){.quizzes-header.tablet-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}.quizzes-header.tablet-layout .tablet-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem}.quizzes-header.tablet-layout .tablet-header-top .header-title{font-size:1.5rem;font-weight:600;margin:0;color:#1b1a3a}.quizzes-header.tablet-layout .tablet-header-top .tablet-actions{display:flex;align-items:center;gap:.75rem}.quizzes-header.tablet-layout .tablet-header-top .tablet-actions .menu-wrapper{position:relative;z-index:10}.quizzes-header.tablet-layout .tablet-header-top .tablet-actions .menu-wrapper .menu-trigger{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;height:36px;width:36px}.quizzes-header.tablet-layout .tablet-header-top .tablet-actions .menu-wrapper .menu-trigger:hover{background:#f0f2fd}.quizzes-header.tablet-layout .tablet-search-section{display:flex;width:100%;gap:.75rem}.quizzes-header.tablet-layout .tablet-search-section .tablet-search-filters{display:flex;gap:.5rem;align-items:center;width:60%}.quizzes-header.tablet-layout .tablet-search-section .tablet-search-filters .filter-dropdown,.quizzes-header.tablet-layout .tablet-search-section .tablet-search-filters .filter-subject-dropdown{position:relative;z-index:999}.quizzes-header.mobile-layout{display:none;width:100%;flex-direction:column;gap:1rem;padding:.5rem 0;margin-top:10px!important}@media screen and (max-width:600px){.quizzes-header.mobile-layout{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;left:auto!important;height:auto!important;width:100%!important}}@media screen and (min-width:601px)and (max-width:900px){.quizzes-header.mobile-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}@media screen and (min-width:901px){.quizzes-header.mobile-layout{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}.quizzes-header.mobile-layout .mobile-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;margin-top:.8rem!important}.quizzes-header.mobile-layout .mobile-header-top .header-title{font-size:1.5rem;font-weight:600;margin:0;color:#1b1a3a}.quizzes-header.mobile-layout .mobile-header-top .menu-wrapper{position:relative;z-index:10}.quizzes-header.mobile-layout .mobile-header-top .menu-wrapper .menu-trigger{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;height:36px;width:36px}.quizzes-header.mobile-layout .mobile-header-top .menu-wrapper .menu-trigger:hover{background:#f0f2fd}.quizzes-header.mobile-layout .mobile-buttons{display:flex;flex-direction:row;width:100%;gap:.75rem}.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button,.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{flex:1;min-width:0;width:auto;font-size:.875rem;padding:.5rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:500px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button,.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{font-size:1rem!important}}@media(max-width:480px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button,.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{font-size:.8rem;padding:.4rem .6rem}}@media(max-width:380px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button,.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{font-size:.75rem;padding:.35rem .5rem}}@media(max-width:320px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button,.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{font-size:.7rem;padding:.3rem .4rem}}@media(max-width:300px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button,.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{font-size:.8rem!important}}.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button .ai-button-content{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button .ai-button-content .sparkle-icon{flex-shrink:0;width:14px;height:14px}@media(max-width:380px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button .ai-button-content .sparkle-icon{width:12px;height:12px}}.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button .ai-button-content .ai-text{flex-shrink:1;min-width:0}@media(max-width:320px){.quizzes-header.mobile-layout .mobile-buttons .mobile-ai-button .ai-button-content .ai-text{display:none}.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button{font-size:.65rem}.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button:after{content:"Create"}.quizzes-header.mobile-layout .mobile-buttons .mobile-create-button span{display:none}}.quizzes-header.mobile-layout .mobile-search-section{display:flex;flex-direction:column;width:100%;gap:.75rem}.quizzes-header.mobile-layout .mobile-search-section .mobile-search-filters{display:flex;align-items:center;gap:.5rem}.quizzes-header.mobile-layout .mobile-search-section .mobile-subject-filter{width:100%;display:none!important}.menu-dropdown{background:#fff;border-radius:8px;box-shadow:-4px 4px 4px 0 rgba(0,0,0,.15);border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;min-width:180px;z-index:1000;padding:14px 4px}@media screen and (max-width:600px){.menu-dropdown{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.menu-dropdown .menu-item{display:flex;align-items:center;width:100%;padding:8px 12px;gap:12px;border:none;background:none;cursor:pointer;color:#1b1a3a;font-size:1rem;text-align:left;font-weight:400;border-radius:4px;line-height:1.3rem}.menu-dropdown .menu-item svg{color:#535260}.menu-dropdown .menu-item:hover{background:#f5f6f8}.menu-dropdown .menu-item.active{background:#f0f2fd;color:#6052cc}.menu-dropdown .menu-item.active svg{color:#6052cc}.filter-dropdown,.filter-subject-dropdown{position:relative!important;z-index:999!important}.filter-dropdown .dropdown-content,.filter-dropdown .filter-dropdown-content,.filter-subject-dropdown .dropdown-content,.filter-subject-dropdown .filter-dropdown-content{z-index:1001!important;position:absolute!important}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}@media screen and (min-width:601px){.mobile-menu-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.mobile-menu-bottom-sheet{background:#fff;width:100%;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden;animation:slideUp .3s ease-out;max-height:90vh}.mobile-menu-bottom-sheet .mobile-menu-header{padding:12px 0;display:flex;justify-content:center}.mobile-menu-bottom-sheet .mobile-menu-header .mobile-menu-handle{width:36px;height:4px;background-color:#e5e7eb;border-radius:2px}.mobile-menu-bottom-sheet .mobile-menu-content{max-height:calc(90vh - 48px);overflow-y:auto}.mobile-menu-item{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:16px 20px!important;font-size:16px!important;border-bottom:1px solid #f0f0f0!important;background:transparent!important;color:#000!important;text-align:left!important;box-shadow:none!important;border-radius:0!important;border:none;cursor:pointer}.mobile-menu-item svg{min-width:20px}.mobile-menu-item span{font-weight:500}.mobile-menu-item:last-child{border-bottom:none!important}.mobile-menu-item:hover{background-color:transparent!important}.ai-button-content{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;color:#6052cc;font-size:.875rem;line-height:1;white-space:nowrap}@media(max-width:600px){.ai-button-content{width:100%;gap:.25rem}}.ai-button-content .sparkle-icon{display:block;margin-top:-1px;color:#6052cc;flex-shrink:0}.ai-button-content .ai-text{flex-shrink:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:900px){.show-desktop-only{display:none!important}}.show-tablet-only{display:none!important}@media screen and (min-width:601px)and (max-width:900px){.show-tablet-only{display:block!important}}.show-mobile-only{display:none!important}@media screen and (max-width:600px){.show-mobile-only{display:block!important}}.quizzes-header-container{min-height:60px}@media screen and (max-width:600px){.quizzes-header-container{min-height:120px}}.custom-button{border:none!important}