.app-nav{display:grid;grid-template-columns:1fr minmax(0,480px) 1fr;align-items:center;padding:0 20px;height:52px;width:100%;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app-nav--transparent{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s ease,border-color .3s ease}.app-nav-left{gap:10px}.app-nav-left,.app-nav-logo{display:flex;align-items:center;flex-shrink:0}.app-nav-logo{text-decoration:none}.app-nav-sep{width:1px;height:18px;background:var(--border-mid);flex-shrink:0}.app-nav-label{font-size:13px;font-weight:500;color:var(--text-muted)}.app-nav-center{justify-content:center}.app-nav-center,.app-nav-links{display:flex;align-items:center}.app-nav-links{gap:2rem}.app-nav-link{font-size:.875rem;text-decoration:none;padding:.3rem .6rem;border-radius:5px;color:var(--text-muted);transition:color .15s,background .15s}.app-nav-link:hover{color:var(--text);background:var(--bg-hover)}.app-nav-link.active{color:var(--text);font-weight:600}.app-nav-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;grid-column:3}.app-nav-icon-btn{display:flex;align-items:center;justify-content:center;height:26px;min-width:26px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);font-family:inherit;transition:background .15s,color .15s;text-decoration:none;white-space:nowrap}.app-nav-icon-btn:hover{background:var(--bg-hover);color:var(--text)}.app-nav-signin{padding:0 13px;font-size:12px}.app-nav-cta,.app-nav-signin{font-weight:600;letter-spacing:.01em}.app-nav-cta{display:flex;align-items:center;gap:5px;padding:5px 13px;background:var(--accent);color:var(--accent-text);border:none;border-radius:7px;font-size:12.5px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s;font-family:inherit}.app-nav-cta:hover{background:var(--accent-h);color:var(--accent-text)}.app-nav-text-link{font-size:.8125rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color .15s}.app-nav-text-link:hover{color:var(--text)}.app-nav-avatar-wrap{position:relative}.app-nav-user-pill{display:flex;align-items:center;gap:7px;padding:3px 8px 3px 3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;max-width:180px}.app-nav-user-pill:hover{background:var(--bg-hover);border-color:var(--border-mid)}.app-nav-pill-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.app-nav-pill-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.app-nav-pill-name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1}.app-nav-pill-chevron{display:flex;align-items:center;color:var(--text-faint);flex-shrink:0;transition:transform .15s}.app-nav-user-pill[aria-expanded=true] .app-nav-pill-chevron{transform:rotate(180deg)}.app-nav-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.45);min-width:210px;z-index:300;overflow:hidden}.app-nav-menu-header{display:flex;align-items:center;gap:10px;padding:12px 14px 11px;border-bottom:1px solid var(--border)}.app-nav-menu-header-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.app-nav-menu-header-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.app-nav-menu-header-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1}.app-nav-menu-header-name{font-size:13px;font-weight:600;color:var(--text)}.app-nav-menu-header-email,.app-nav-menu-header-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav-menu-header-email{font-size:11px;color:var(--text-faint)}.app-nav-pro-badge{font-size:10px;font-weight:700;color:var(--accent);background:rgba(var(--accent-rgb),.15);padding:1px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.03em}.app-nav-menu-item{display:block;width:100%;padding:9px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:background .12s,color .12s;font-family:inherit;line-height:1.4}.app-nav-menu-item:hover{background:var(--bg-hover);color:var(--text)}.app-nav-menu-item--upgrade{color:var(--accent)}.app-nav-menu-item--upgrade:hover{color:var(--accent-h)}@media (max-width:480px){.app-nav{padding:0 1rem}.app-nav-cta span{display:none}.app-nav-cta{padding:5px 10px}}