.topbar{position:relative;z-index:30;gap:24px}.topbar .brand{flex-shrink:0}.desktop-navigation{display:flex;align-items:center;gap:8px}.nav-dropdown{position:relative}.nav-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;list-style:none;cursor:pointer;border-radius:12px;color:#526c80;font-size:14px;font-weight:700;white-space:nowrap}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:hover,.nav-dropdown[open]>summary,.nav-dropdown.is-active>summary{background:#e8f4f7;color:#10546d}.nav-dropdown summary:focus-visible,.nav-panel a:focus-visible,.nav-panel button:focus-visible{outline:3px solid #e0a71d;outline-offset:2px}.nav-settings{margin-left:12px;border-left:1px solid #dbe7ed;padding-left:16px}.nav-settings summary{padding:9px 12px}.gear-icon{font-size:25px;line-height:1.3}.nav-panel{position:absolute;top:calc(100% + 12px);right:0;width:246px;padding:10px;background:#fff;border:1px solid #dbe7ed;border-radius:18px;box-shadow:0 16px 48px #17324a26;z-index:50}.nav-panel a,.nav-panel button{display:block;width:100%;box-sizing:border-box;text-align:left;padding:12px 14px;border:0;border-radius:10px;background:none;color:#34566e;text-decoration:none;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.nav-panel a:hover,.nav-panel button:hover,.nav-panel a[aria-current=page]{background:#edf5f9;color:#10546d}.nav-panel p{margin:9px 14px 5px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#8294a2}.nav-panel form{border-top:1px solid #edf1f5;margin-top:8px;padding-top:8px}.nav-panel .nav-logout{color:#aa3751}.app-mobile-nav{display:none}
@media(min-width:801px){
  .topbar{height:80px;padding:0 36px;justify-content:flex-start;gap:44px;box-sizing:border-box}
  .topbar .brand{width:220px;height:70px}
  .desktop-navigation{flex:1;gap:10px}
  .desktop-navigation .nav-settings{margin-left:auto}
  .desktop-navigation>.nav-dropdown:not(.nav-settings) .nav-panel{left:0;right:auto}
}
@media(min-width:801px) and (max-width:1050px){
  .topbar{padding:0 24px;gap:22px}.topbar .brand{width:190px}.desktop-navigation{gap:2px}
  .desktop-navigation summary{padding:12px 10px;gap:8px;font-size:13px}
}
@media(max-width:800px){.topbar{height:70px;padding:0 18px;justify-content:center}.topbar .brand{width:210px;height:64px}.desktop-navigation{display:none}.mobile-nav.app-mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;z-index:40}.app-mobile-nav .mobile-more summary{display:grid;justify-content:center;justify-items:center;gap:2px;padding:0;min-height:48px;border-radius:10px}.mobile-more summary>span{font-size:23px;line-height:1}.mobile-more summary small{font-size:11px}.app-mobile-nav a[aria-current=page]{color:#10546d}.mobile-more .nav-panel{position:fixed;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:calc(100dvh - 180px);overflow-y:auto;padding:14px}.app-mobile-nav .nav-panel a{display:block;min-height:0;padding:12px 14px}.app-mobile-nav .mobile-add{width:62px;height:62px;min-height:62px;margin-top:-20px}.mobile-more.is-active>summary{color:#10546d;background:#edf5f9}}