.user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.user-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar-initials{color:#fff;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase;box-shadow:var(--shadow-sm);font-weight:600}
.navigation{-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal);transition:all var(--transition-base)ease;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.06);position:-webkit-sticky;position:sticky;top:0;left:0;right:0}.navigation-container{max-width:1400px;padding:var(--space-3)var(--space-6);align-items:center;gap:var(--space-8);grid-template-columns:1fr auto 1fr;min-height:64px;margin:0 auto;display:grid}.navigation-left{justify-content:flex-start;align-items:center;display:flex}.navigation-logo-link{transition:all var(--transition-base)cubic-bezier(.4,0,.2,1);border-radius:var(--radius-sm);padding:var(--space-1)var(--space-2);margin:calc(-1*var(--space-1))calc(-1*var(--space-2));align-items:center;text-decoration:none;display:flex}.navigation-logo-link:hover{opacity:.8;transform:translateY(-1px)}.navigation-logo-link:active{opacity:.7;transform:translateY(0)}.navigation-logo{width:auto;height:32px}.navigation-center{justify-content:center;align-items:center;display:flex}.navigation-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;max-width:400px;margin:0;font-size:18px;font-weight:600;overflow:hidden}.navigation-right{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.nav-link-secondary{color:#f1144f;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;transition:opacity .2s;display:inline-flex}.nav-link-secondary:hover{opacity:.8}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#f1144f;border:none;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.5;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px rgba(241,20,79,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(241,20,79,.35)}.auth-profile-link{align-items:center;gap:var(--space-2);color:var(--color-text-primary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base)cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex}.auth-profile-link:hover{background:rgba(0,0,0,.06);transform:translateY(-1px)}.auth-profile-link:active{background:rgba(0,0,0,.08);transform:translateY(0)}.auth-user-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.auth-user-name{letter-spacing:-.01em;font-size:14px;font-weight:500;display:none}@media (min-width:768px){.auth-user-name{display:inline}}.navigation-settings-button{padding:var(--space-2);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)cubic-bezier(.4,0,.2,1);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.navigation-settings-button:hover{color:var(--color-text-primary);background:rgba(0,0,0,.06);transform:translateY(-1px)}.navigation-settings-button:active{background:rgba(0,0,0,.08);transform:translateY(0)}.requests-button{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)cubic-bezier(.4,0,.2,1);background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:500;display:flex;position:relative}.requests-button:hover{color:var(--color-text-primary);background:rgba(0,0,0,.06);transform:translateY(-1px)}.requests-button:active{background:rgba(0,0,0,.08);transform:translateY(0)}.requests-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.requests-badge{color:#fff;background:linear-gradient(135deg,#f1144f 0%,#ff7416 100%);border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px;box-shadow:0 3px 8px rgba(241,20,79,.35)}.requests-text{display:none}@media (min-width:768px){.navigation-container{padding:var(--space-4)var(--space-10);gap:var(--space-10);min-height:72px}.navigation-logo{height:36px}.navigation-title{max-width:500px;font-size:19px}.requests-button{padding:var(--space-2)var(--space-4);gap:var(--space-2)}.requests-text{letter-spacing:-.01em;display:inline}.requests-badge{top:-8px;right:-10px}}@media (min-width:1200px){.navigation-container{padding:var(--space-4)var(--space-14)}.navigation-title{max-width:600px}}@media (max-width:767px){.navigation-container{padding:var(--space-3)var(--space-4);gap:var(--space-5);min-height:58px}.navigation-logo{height:28px}.navigation-title{max-width:200px;font-size:16px}.requests-button{padding:var(--space-2)}.navigation-right{gap:var(--space-2)}}