:root{--nav-bg:#ffffffe0;--nav-border:#5a60f82e;--nav-text:#0f172a;--nav-muted:#64748b;--brand-grad:linear-gradient(90deg,#6a11cb,#2575fc)}.app-navbar{top:var(--test-banner-height,0px);z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--nav-border);height:72px;position:sticky}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:72px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:.3px;background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;text-decoration:none}.links{gap:20px;display:flex}.nav-links,.nav-actions{align-items:center;gap:16px;display:flex}.nav-actions{gap:10px}.link{color:var(--nav-text);letter-spacing:-.01em;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s}.link:hover{background:#6366f114;border-color:#c7d2fe}.link.active{background:linear-gradient(#eef2ff 0%,#fff 100%);border-color:#c7d2fe}@media (max-width:768px){.nav-inner{padding:0 12px}.links{gap:8px}.nav-links{gap:4px}.link{padding:8px 10px;font-size:14px}.link.nav-link--secondary{display:none}}@media (max-width:640px){.app-navbar{height:56px}.nav-inner{height:56px;padding:0 12px}.brand{font-size:16px}.links{gap:6px}.nav-links{display:none}.nav-actions{gap:6px}.link{align-items:center;min-height:44px;padding:10px 14px;font-size:14px;display:flex}.nav-actions .link:not(.link--primary){display:none}.link--primary{background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;padding:10px 16px;color:#fff!important}.link--primary:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%)}}