.page-layout{background:var(--primary-color,#111);min-height:100vh;color:var(--secondary-color-4,#ddd);flex-direction:column;display:flex}.page-nav{background:var(--primary-color-2,#1a1a1a);border-bottom:1px solid var(--primary-color-4,#333);flex-shrink:0;align-items:center;gap:16px;height:48px;padding:0 20px;display:flex}.nav-logo{letter-spacing:-1px;color:#fff;font-size:20px;font-weight:800;text-decoration:none}.nav-spacer{flex:1}.nav-link{color:var(--secondary-color-2,#999);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:#fff;background:var(--primary-color-3,#222)}.nav-link--primary{color:#fff;background:#2563eb}.nav-link--primary:hover{background:#3b82f6}.nav-auth-links{align-items:center;gap:8px;display:flex}.nav-user-menu .dropdown-menu-trigger{all:unset;cursor:pointer;align-items:center;display:flex}.nav-user-menu .dropdown-menu-content{left:auto;right:0}.nav-avatar{width:32px;height:32px;color:var(--secondary-color-2,#999);border-radius:50%;justify-content:center;align-items:center;transition:color .15s;display:flex}.nav-avatar:hover{color:#fff}.page-content{flex-direction:column;flex:1;display:flex}