.navbar{z-index:var(--z-sticky);font-family:var(--font-body);transition:box-shadow var(--transition-base);background:#fff;border-bottom:1px solid #f5e8ec;position:sticky;top:0;box-shadow:0 2px 12px #f8a5a71f}.navbar-inner{max-width:var(--container-xl);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-heading);font-weight:var(--weight-extrabold);font-size:var(--text-xl);align-items:center;gap:var(--space-2);color:#1f2937;display:flex}.navbar-logo-icon{font-size:var(--text-2xl)}.navbar-logo-accent{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-mobile-title{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-base);color:#1f2937;white-space:nowrap;text-align:center;flex:1}.navbar-links{gap:var(--space-8);align-items:center;display:flex}.navbar-link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#4b5563;padding:var(--space-2) 0;transition:color var(--transition-fast);position:relative}.navbar-link:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.navbar-link:hover{color:#af031a}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-link.active{color:#af031a}.navbar-auth{gap:var(--space-3);align-items:center;display:flex}.navbar-mobile-toggle{border-radius:var(--radius-md);width:40px;height:40px;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar-mobile-toggle:hover{background:#fff7f0}.hamburger{width:20px;height:14px;position:relative}.hamburger span{border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-base);background:#374151;display:block;position:absolute}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:6px}.hamburger span:nth-child(3){top:12px}.hamburger.open span:first-child{top:6px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:6px;transform:rotate(-45deg)}.navbar-mobile-menu{width:80%;max-width:320px;height:100vh;z-index:var(--z-modal);transition:transform var(--transition-slow);background:#fff;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #af031a1a}.navbar-mobile-backdrop{width:100%;height:100vh;z-index:calc(var(--z-modal) - 1);background:#0006;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header-bar{z-index:10;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.drawer-brand{align-items:center;gap:8px;display:flex}.drawer-brand-logo{object-fit:cover;border-radius:50%;width:26px;height:26px}.drawer-brand-name{font-family:var(--font-heading);color:#111827;letter-spacing:-.2px;font-size:13.5px;font-weight:700}.navbar-mobile-close{color:#6b7280;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#f9fafb;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex;position:static}.navbar-mobile-close:hover{color:#af031a;background:#fee2e2;border-color:#fecaca}.navbar-mobile-menu.open{transform:translate(0)}.navbar-mobile-menu{-webkit-overflow-scrolling:touch;overflow-y:auto}.navbar-mobile-menu-inner{gap:var(--space-1);flex-direction:column;padding:14px 14px 28px;display:flex}.drawer-profile-card{background:linear-gradient(135deg,#fff5f6 0%,#fef2f2 100%);border:1px solid #fed7aa;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.drawer-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #e52b5040}.drawer-avatar.admin-avatar{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.drawer-user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.drawer-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.drawer-user-badge{color:#059669;font-size:11px;font-weight:600}.drawer-user-badge.artist-badge{color:#e52b50}.drawer-user-badge.admin-badge{color:#4f46e5}.drawer-section-title{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin:12px 0 6px 6px;font-size:10.5px;font-weight:700}.drawer-nav-group{flex-direction:column;gap:3px;display:flex}.drawer-nav-item{color:#374151;transition:all var(--transition-fast);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.drawer-nav-item:hover,.drawer-nav-item:active{color:#e52b50;background:#fff0f3;transform:translate(2px)}.drawer-nav-item.secondary{color:#4b5563;font-size:13.5px}.drawer-nav-item.boost-nav-item{color:#b45309;background:#fffbeb;border:1px solid #fef3c7}.drawer-nav-item.boost-nav-item:hover{color:#92400e;background:#fef3c7}.drawer-boost-badge{color:#fff;letter-spacing:.05em;background:#f59e0b;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9.5px;font-weight:700}.drawer-footer{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:12px}.drawer-logout-btn{color:#dc2626;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;display:flex}.drawer-logout-btn:hover{color:#b91c1c;background:#fee2e2}.drawer-auth-buttons{flex-direction:column;gap:10px;margin-top:20px;display:flex}.navbar-profile-btn{justify-content:center;align-items:center;text-decoration:none;display:flex}.navbar-profile-avatar{color:#af031a;width:36px;height:36px;transition:all var(--transition-fast);background:#fff5f6;border:2px solid #f8a5a7;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.navbar-profile-avatar:hover{background:#fee2e2;border-color:#af031a;transform:scale(1.05)}