.app-header{background-color:var(--layout-header-bg);border-bottom:1px solid var(--border-color-medium);box-sizing:border-box;height:var(--layout-header-height);padding:0 20px;position:sticky;top:0;width:100%;z-index:20}.app-header .header-container{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.app-header .header-left{gap:12px;height:100%}.app-header .header-left,.app-header .header-right{align-items:center;display:flex}.app-header .hamburger-btn{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;outline:none;padding:0;width:24px}.app-header .hamburger-btn .hamburger-bar{background-color:var(--font-color-primary);border-radius:2px;height:2px;transition:all .3s ease;width:100%}.app-header .hamburger-btn.active .hamburger-bar:first-child{transform:translateY(8px) rotate(45deg)}.app-header .hamburger-btn.active .hamburger-bar:nth-child(2){opacity:0}.app-header .hamburger-btn.active .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.app-header .header-navigation{align-items:center;display:flex;height:100%}.app-header .header-navigation .header-link{align-items:center;color:var(--font-color-primary);display:flex;font-size:var(--font-size-body);height:100%;padding:0 10px;text-decoration:none;transition:color .2s}.app-header .header-navigation .header-link:hover{color:var(--font-color-heading)}.app-header .header-navigation .header-link.active{color:var(--primary-500);font-weight:600}.app-header .preset-combobox{flex:0 0 auto!important;min-width:160px;width:200px}@media(max-width:900px){.app-header{padding:0 12px}.app-header .hamburger-btn{display:flex}.app-header .header-navigation{display:none}.app-header .preset-combobox{min-width:120px;width:150px}}@media(max-width:480px){.app-header .preset-combobox{min-width:100px;width:120px}}.mobile-drawer{background-color:var(--layout-sidebar-bg);border-top:1px solid var(--border-color-medium);bottom:0;box-sizing:border-box;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:var(--layout-header-height);z-index:999}.mobile-drawer .mobile-navigation{display:flex;flex-direction:column;gap:8px}.mobile-drawer .mobile-navigation .mobile-link{border-radius:8px;color:var(--font-color-primary);font-size:1.1rem;padding:12px 16px;text-decoration:none;transition:background-color .2s,color .2s}.mobile-drawer .mobile-navigation .mobile-link:hover{background-color:var(--border-color-light);color:var(--font-color-heading)}.mobile-drawer .mobile-navigation .mobile-link.active{background-color:var(--border-color-light);color:var(--primary-500);font-weight:600}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}