.app{min-height:100dvh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#1a1a2ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px}.logo{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{display:flex;align-items:center;gap:4px;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--text-muted);font-size:.85rem;font-weight:500;transition:all .2s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:44px}.nav-link:hover,.nav-link.active,.nav-link:active{background:#6366f126;color:var(--primary-light)}.nav-icon{font-size:1.1rem}.nav-label{display:none}@media (min-width: 640px){.nav-label{display:inline}}.mini-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff}main{flex:1;padding-top:60px}main.has-nav{padding-top:60px}