.navbar-header{align-items:center;gap:8px;height:80px;padding:12px 40px 12px 24px;display:flex}.navbar-header>.site-header{color:var(--text-inverse)}.navbar-header>.divider{border-right:solid 2px var(--text-inverse);height:24px}.navbar-header>.sidebar-current-icon{color:var(--text-inverse);align-items:center;display:flex}.navbar-header>.sidebar-current-icon svg{width:24px;height:24px}.profile-container{z-index:9999;justify-content:center;align-items:center;display:flex;position:relative}.profile-container .profile-menu{background-color:var(--bg-card);border:2px solid var(--border-main);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;flex-direction:column;gap:12px;width:fit-content;max-width:calc(100vw - 24px);height:fit-content;padding:16px;transition:opacity .2s,transform .2s,visibility 0s linear .2s;display:flex;position:fixed;bottom:88px;left:12px;transform:translateY(8px)}.profile-container .profile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,transform .2s,visibility;transform:translateY(0)}.profile-container .profile-menu>.profile-header{align-items:center;gap:12px;display:flex}.profile-container .profile-menu>hr{border:1px solid var(--border-main)}.profile-container .profile-menu>.profile-options-container{flex-direction:column;display:flex}.profile-detail{flex-direction:column;flex:1;min-width:0;transition:opacity .2s;display:flex}.profile-detail #name,.profile-detail #email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-detail #name{color:var(--text-main);font-size:clamp(.5rem,1.5vw,1rem)}.profile-detail #email{color:var(--text-muted);font-size:clamp(.25rem,1.25vw,.75rem)}.profile-options{border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.profile-options svg{color:var(--text-muted)}.profile-options p{text-wrap:nowrap;font-size:clamp(.5rem,1.5vw,1rem)}.profile-options:hover{background-color:var(--border-main)}.profile-options:hover p,.profile-options:hover svg{color:var(--text-main)!important}.profile-logout{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.profile-icon{aspect-ratio:1;color:#1f2937;border-radius:999px;flex:0 0 40px;place-items:center;width:auto;height:40px;display:grid}.profile-icon span{font-size:1rem;font-weight:700}.profile-menu-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px;transition:all .2s;display:flex;position:relative}.profile-menu-toggle:hover{background-color:var(--border-main)}.profile-menu-toggle>svg{flex:0 0 24px}.profile-menu-toggle>.lucide-chevron-up{transition:transform .2s}.profile-menu-toggle[aria-expanded=true]>.lucide-chevron-up{transform:rotate(180deg)}.profile-menu-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.toggle-sidebar{aspect-ratio:1;cursor:pointer;background-color:#0000;border:none;border-radius:8px;outline:none;padding:0 8px;transition:all .2s}.toggle-sidebar svg{color:#fff}.toggle-sidebar:hover{background-color:var(--border-main)}.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}.sidebar{z-index:2;background-color:var(--bg-card);border-right:2px solid var(--border-main);flex-direction:column;grid-area:sidebar;width:240px;transition:width .2s;display:flex;overflow:hidden visible}.sidebar>.sidebar-nav{flex-direction:column;flex:1;padding:24px 16px;display:flex;position:relative}.sidebar>.sidebar-nav p,.sidebar>.sidebar-nav svg{color:var(--text-muted)}.sidebar>.sidebar-nav .logo-container{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex;position:relative}.sidebar>.sidebar-nav .logo-container .logo{border-bottom:var(--border-main);align-items:center;gap:12px;line-height:1.25;transition:opacity .2s;display:flex}.sidebar>.sidebar-nav .logo-container .logo div{gap:4px;width:fit-content;height:fit-content}.sidebar>.sidebar-nav .logo-container .logo div h2,.sidebar>.sidebar-nav .logo-container .logo div p{white-space:nowrap;transition:all .2s}.sidebar>.sidebar-nav .logo-container .logo div h2{color:var(--text-main);font-size:clamp(.75rem,2vw,1.25rem)}.sidebar>.sidebar-nav .logo-container .logo div p{color:var(--text-muted);font-size:clamp(.25rem,1.25vw,.75rem);font-weight:500}.sidebar>.sidebar-nav .logo-container .close-sidebar{cursor:pointer;width:40px;height:40px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.sidebar>.sidebar-nav .logo-container .close-sidebar:hover{background-color:var(--border-main)}.sidebar>.sidebar-nav .logo-container .close-sidebar:hover svg{color:var(--text-main)}.sidebar>.sidebar-nav .logo-container .close-sidebar:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sidebar>.sidebar-nav .sidebar-main{flex-direction:column;flex:1;display:flex}.sidebar>.sidebar-nav .sidebar-option{cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-width:48px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.sidebar>.sidebar-nav .sidebar-option svg{opacity:1;min-width:24px;transition:opacity .2s .2s}.sidebar>.sidebar-nav .sidebar-option p{opacity:1;text-wrap:nowrap;font-size:clamp(.5rem,1.5vw,1rem);transition:opacity .2s}.sidebar>.sidebar-nav .sidebar-option>svg:nth-of-type(2){display:none}.sidebar>.sidebar-nav .sidebar-option.active:has(>svg:nth-of-type(2))>svg:first-of-type{display:none}.sidebar>.sidebar-nav .sidebar-option.active:has(>svg:nth-of-type(2))>svg:nth-of-type(2){display:block}.sidebar-option.active{background-color:var(--primary-color)}.sidebar-option.active>svg,.sidebar-option.active p{color:#fff}.sidebar-option:hover{transform:translate(4px)}.sidebar-option:not(.active):hover{background-color:var(--border-main)}.sidebar-option:not(.active):hover p,.sidebar-option:not(.active):hover svg{color:var(--text-main)}.sidebar-option[aria-disabled=true]{cursor:default;opacity:.65}.sidebar-option[aria-disabled=true]:hover{background-color:#0000}.sidebar-coming-soon{color:var(--text-muted);letter-spacing:.02em;font-size:.65em;font-weight:600}.sidebar-profile{align-items:center;display:flex;position:relative;overflow:hidden}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed).sidebar,:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .sidebar{width:80px}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container{justify-content:flex-start}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container .logo>div{opacity:0;pointer-events:none;position:absolute}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container .logo:hover{opacity:0}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container:has(.close-sidebar:hover,.close-sidebar:focus-visible) .logo{opacity:0}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container .close-sidebar{opacity:0;pointer-events:none;position:absolute;top:4px;left:50%;transform:translate(-50%)}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container .logo:hover+.close-sidebar,:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container .close-sidebar:hover{opacity:1;pointer-events:auto}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .logo-container:has(.close-sidebar:focus-visible) .close-sidebar{opacity:1;pointer-events:auto}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .sidebar-option p{opacity:0}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .sidebar-option:hover{transform:none}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .sidebar-suboption{display:none!important}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .sidebar-role-badge{opacity:0}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .toggle-sidebar{cursor:pointer}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .profile-menu-toggle{justify-content:flex-start;padding:8px 4px}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .profile-menu-toggle:hover{filter:brightness(1.1);background-color:#0000}:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .profile-menu-toggle>svg,:is(.quiz-page.sidebar-collapsed,.dashboard-page.sidebar-collapsed,.admin-app-layout.sidebar-collapsed,.settings-app-layout.sidebar-collapsed,.maintainer-page.sidebar-collapsed,.profile-page.sidebar-collapsed,.sidebar.is-collapsed) .profile-menu-toggle>.profile-detail{display:none}@media (max-width:768px){.sidebar,.skeleton-sidebar,.dashboard-page>nav,.quiz-page>nav,.profile-page>nav,.settings-app-layout>nav,.admin-app-layout>nav{display:none!important}.dashboard-page,.quiz-page,.profile-page,.settings-app-layout,.admin-app-layout{flex-direction:column!important;height:auto!important;min-height:100%!important;display:flex!important;overflow:visible!important}.dashboard-page>main,.quiz-page>main,.profile-page>main,.settings-app-layout .settings-main,.admin-app-layout .admin-main{padding:12px;border-top:none!important;flex:1!important;width:100%!important;min-width:0!important;overflow-y:visible!important}}