.topnav-shell{min-height:100vh;background:#fff}.qn-topnav{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,.06);border-bottom:1px solid var(--qn-border,#e5e7eb);gap:16px}.qn-topnav-brand-link{flex-shrink:0;text-decoration:none}.qn-topnav-items{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;overflow-x:auto;min-width:0}.qn-topnav-item{padding:6px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--qn-neutral-600,#4b5563);transition:all .15s;text-decoration:none;white-space:nowrap}.qn-topnav-item:hover{background:var(--qn-neutral-100,#f3f4f6);color:var(--qn-neutral-900,#111827)}.qn-topnav-item.active{background:var(--qn-primary-50,#eff6ff);color:var(--qn-primary-700,#1d4ed8);font-weight:600}.qn-topnav-user{display:flex;align-items:center;flex-shrink:0}.topnav-shell-main{padding-top:56px;min-height:100vh}.topnav-page-frame{--topnav-content-max:90rem}@media (min-width:1536px){.topnav-page-frame{--topnav-content-max:96rem}}.topnav-page-header{display:flex;align-items:center;justify-content:center;padding-left:1.5rem;padding-right:1.5rem}.topnav-page-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.topnav-page-body,.topnav-page-header-inner{width:100%;max-width:var(--topnav-content-max,90rem)}.topnav-page-body{margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width:768px){.qn-topnav{padding:0 12px;gap:8px}.qn-topnav-brand-link .auth-brand-name{display:none}.qn-topnav-items{justify-content:flex-start}.qn-topnav-item{padding:6px 10px;font-size:13px}.topnav-page-header{padding-left:1rem;padding-right:1rem}}