.app-header{background:var(--card-bg);z-index:var(--z-sticky);border-bottom:1px solid var(--border-color);box-shadow:none;position:sticky;top:0}.header-container{padding:var(--spacing-sm)var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:1600px;margin:0 auto;display:flex}.header-logo{align-items:center;display:flex}.logo-link{height:50px}.logo-image{height:50px;margin-right:var(--spacing-sm)}.header-logo h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.header-right{align-items:center;gap:var(--spacing-lg);display:flex}.header-filter-bar{max-width:800px;margin:0 var(--spacing-lg);opacity:0;visibility:hidden;flex:1;transition:opacity .3s,visibility .3s}.header-filter-bar.visible{opacity:1;visibility:visible}.header-nav{align-items:center;display:flex}.nav-links{gap:var(--spacing-l);margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-normal);text-decoration:none;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--light-color)}.nav-link.active{color:var(--primary-color)}.header-user{align-items:center;gap:var(--spacing-md);display:flex}.user-avatar{background:var(--primary-color);color:#fff;width:40px;height:40px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-normal);border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.user-avatar:hover{background:var(--primary-dark)}.menu-button{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none}.menu-button:hover{background:var(--light-color);color:var(--text-primary);transform:scale(1.05)}.logout-button{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-normal);background:0 0;border:none}.logout-button:hover{color:var(--text-primary);background:var(--light-color)}.header-login-link{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-normal);background:0 0;border:none}.header-login-link:hover{color:var(--text-primary);background:var(--light-color)}@media (max-width:1399px){.header-filter-bar,.header-filter-bar.visible{display:none}}@media (max-width:768px){.header-container{gap:var(--spacing-sm);padding:8px 16px}.header-filter-bar,.header-filter-bar.visible{display:none}.header-right{gap:var(--spacing-sm)}.logo-link,.logo-image{height:36px}.logo-text,.header-logo h1{font-size:20px}.nav-links{gap:12px}.nav-link{padding:6px 8px;font-size:14px}.user-avatar{width:32px;height:32px;font-size:12px}.menu-button{width:32px;height:32px}.logout-button,.login-link{padding:4px 8px;font-size:14px}}@media (max-width:360px){.header-container{flex-direction:column;gap:12px;height:auto;padding:12px 16px}.logo-link,.logo-image{height:28px}.logo-text{font-size:18px}.nav-links{flex-wrap:wrap;justify-content:center;gap:8px}.nav-link{padding:4px 6px;font-size:13px}.header-user{gap:8px}.user-avatar{width:28px;height:28px;font-size:11px}.menu-button{width:28px;height:28px}.logout-button,.login-link{padding:3px 6px;font-size:13px}}@media (max-width:480px){.header-container{gap:var(--spacing-xs);padding:8px 12px}.logo-link,.logo-image{height:28px}.logo-text{font-size:18px}.nav-links{gap:6px}.nav-link{padding:4px 6px;font-size:13px}.user-avatar{width:28px;height:28px;font-size:11px}.menu-button{width:28px;height:28px}.logout-button,.login-link{padding:3px 6px;font-size:13px}}.nav-link:focus-visible,.logo-link:focus-visible,.logout-button:focus-visible,.login-link:focus-visible,.user-avatar:focus-visible,.menu-button:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.header-logo h1{transition:transform .2s}.header-user-menu{align-items:center;gap:var(--spacing-md);display:flex;position:relative}.user-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;z-index:var(--z-dropdown);animation:.2s ease-out dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #00000026}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{width:100%;padding:var(--spacing-md)var(--spacing-lg);text-align:left;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal);border:none;border-bottom:1px solid var(--border-color);background:0 0;text-decoration:none;display:block}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background:var(--light-color)}.user-dropdown-item:first-child{border-radius:var(--radius-md)var(--radius-md)0 0}.user-dropdown-item:last-child{border-radius:0 0 var(--radius-md)var(--radius-md)}.user-dropdown-logout{color:var(--error-color,#dc3545)}.user-dropdown-logout:hover{background:#dc35451a}.logout-button-desktop{display:block}.nav-link-desktop-only{display:list-item}@media (max-width:768px){.logout-button-desktop{display:none}.menu-button{display:flex}.nav-link-desktop-only{display:none}.user-dropdown{min-width:160px}.user-dropdown-item{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}}
.modal-content{background:var(--light-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:90%;max-width:480px;box-shadow:var(--shadow-lg);z-index:var(--z-popover);position:relative}.modal-close-btn{top:var(--spacing-lg);right:var(--spacing-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-normal);z-index:var(--z-popover);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close-btn:hover:not(:disabled){color:var(--text-primary);background-color:#0000000d}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-close-btn svg{width:20px;height:20px}.sun-icon{margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.sun-icon svg{width:48px;height:48px}.modal-title{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center}.modal-description{margin:0 0 var(--spacing-2xl)0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);text-align:center}.login-form{text-align:left}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:block}.form-group input{padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-base);box-sizing:border-box}.btn--login{width:100%;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.btn--login:disabled{opacity:.6;cursor:not-allowed}.register-link,.login-link{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.button-group{text-align:center;margin-top:var(--spacing-lg)}.button-group .login-link{margin-bottom:var(--spacing-sm)}.button-group .login-link:last-child{margin-bottom:0}.register-link-text{color:var(--primary-color);font-weight:var(--font-weight-medium);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.register-link-text:hover{color:var(--primary-dark);text-decoration:underline}.login-link-text{color:var(--primary-color);font-weight:var(--font-weight-medium);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.login-link-text:hover{color:var(--primary-dark);text-decoration:underline}.login-divider{margin:var(--spacing-lg)0;text-align:center;align-items:center;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--light-grey);flex:1;height:1px}.login-divider span{padding:0 var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-color)}.btn--google{background:var(--card-bg);width:100%;color:var(--text-primary);border:1px solid var(--border-color);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all .2s;display:flex;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn--google:hover:not(:disabled){background:var(--light-grey);border-color:var(--border-color);box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.btn--google:disabled{opacity:.6;cursor:not-allowed}