.topnav{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:100;background:#0f172ad9;border-bottom:1px solid #ffffff1a;width:100%;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 24px;display:flex}.topnav-brand{cursor:pointer;align-items:center;gap:12px;transition:opacity .2s;display:flex}.topnav-brand:hover{opacity:.8}.topnav-logo-icon{background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;box-shadow:0 4px 12px #00d2ff4d}.topnav-logo-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.1rem;font-weight:800}.topnav-links{background:#0003;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.topnav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.topnav-link:hover:not(.disabled){color:var(--text-primary);background:#ffffff0d}.topnav-link.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 2px 8px #0003}.topnav-link.disabled{opacity:.4;cursor:not-allowed}.topnav-actions{align-items:center;display:flex}.btn-signout{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-signout:hover{color:#ef4444;background:#ef44441a}.topnav-hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}@media (max-width:1024px){.topnav.mobile-expanded{background:#0f172afa;height:100vh;overflow-y:auto}.topnav-inner{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:64px;padding-top:16px}.topnav-hamburger{display:flex}.topnav-links,.topnav-actions{background:0 0;border:none;flex-direction:column;width:100%;padding:0;display:none}.topnav-links.mobile-open{gap:12px;margin-top:32px;display:flex}.topnav-actions.mobile-open{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px;display:flex}.topnav-link{background:#ffffff08;justify-content:flex-start;width:100%;padding:16px 20px;font-size:1.1rem}.btn-signout{color:#ef4444;background:#ef44441a;justify-content:center;width:100%;padding:16px;font-size:1.1rem}}