.perabel-navbar{background:var(--neu-surface);width:100%;box-shadow:0 1px 0 var(--neu-light);border-bottom:1px solid #d8e0e7}.perabel-navbar-inner{align-items:center;gap:40px;width:min(100%,1124px);min-height:94px;margin:auto;padding:20px 32px;display:flex}.perabel-navbar-inner>.brand{flex-shrink:0}.perabel-navigation{flex:1;min-width:0}.perabel-navigation ul{flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.perabel-menu-link{min-height:44px;color:var(--perabel-muted);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.perabel-menu-link:hover{color:var(--perabel-blue);background:#e4eaf0}.perabel-menu-link[aria-current=page]{color:var(--perabel-blue);background:var(--neu-surface);box-shadow:inset 3px 3px 6px var(--neu-shadow), inset -3px -3px 6px var(--neu-light)}.perabel-menu-link:focus-visible{outline:2px solid var(--perabel-blue);outline-offset:3px}.perabel-navbar-actions{color:var(--perabel-muted);flex-shrink:0;margin-left:auto;font-size:11px}@media (max-width:760px){.perabel-navbar-inner{flex-wrap:wrap;gap:18px 12px;padding:20px}.perabel-navigation{flex-basis:100%;order:3}.perabel-navigation ul{gap:8px}.perabel-menu-link{padding:11px 16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.perabel-menu-link{transition:none}}
.account-menu{position:relative}.account-menu-error{z-index:10;background:var(--neu-light);color:#b02f38;width:min(280px,100vw - 40px);box-shadow:4px 4px 12px var(--neu-shadow);border:1px solid #e1c6c9;border-radius:10px;padding:12px 16px;font-size:12px;line-height:1.6;position:absolute;top:calc(100% + 8px);right:0}
.main-shell{background:var(--neu-surface);min-height:100svh;color:var(--perabel-ink);flex-direction:column;flex:1;display:flex}.site-footer{color:var(--perabel-muted);text-align:center;padding:25px;font-size:11px}