.header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);transition:box-shadow .2s}.header-scrolled{box-shadow:var(--shadow-md)}.header-container{max-width:1280px;margin:0 auto;padding:0 var(--space-desktop);height:72px;justify-content:space-between}.header-container,.header-logo{display:flex;align-items:center}.header-logo{gap:var(--space-sm);text-decoration:none;color:var(--color-text-primary)}.logo-icon{font-size:28px}.logo-text{font-size:24px;font-weight:700;color:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-size:18px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:8px 0;position:relative;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .2s}.nav-link:hover:after{width:100%}.header-user,.user-info{display:flex;align-items:center}.user-info{gap:var(--space-md)}.user-nickname{font-size:16px;color:var(--color-text-secondary)}.btn-logout{font-size:16px;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;padding:4px 8px}.btn-logout:hover{color:var(--color-warning)}.auth-buttons{display:flex;align-items:center;gap:var(--space-sm)}.mobile-menu-btn{display:none;width:var(--min-touch-target);height:var(--min-touch-target);font-size:24px;background:none;border:none;cursor:pointer;color:var(--color-text-primary)}.mobile-menu{display:none;flex-direction:column;background-color:var(--color-bg);border-top:1px solid var(--color-bg-secondary);padding:var(--space-md)}.mobile-nav-link{display:block;padding:var(--space-md);font-size:18px;color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);background:none;border:none;width:100%;text-align:left;cursor:pointer}.mobile-nav-link:hover{background-color:var(--color-bg-secondary)}.mobile-nav-link-primary{color:var(--color-primary);font-weight:600}.mobile-menu-divider{height:1px;background-color:var(--color-bg-secondary);margin:var(--space-sm) 0}.mobile-user-info{padding:var(--space-md);font-size:18px;color:var(--color-text-secondary)}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.header-container{padding:0 var(--space-mobile);height:64px}.header-logo{gap:var(--space-xs)}.logo-icon{font-size:24px}.logo-text{font-size:20px}.mobile-menu{display:flex}}.user-menu-container{position:relative}.user-info-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s}.user-info-btn:hover{background-color:var(--color-bg-secondary)}.dropdown-arrow{font-size:12px;color:var(--color-text-tertiary);transition:transform .2s}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-bg-tertiary);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:16px;color:var(--color-text-primary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:background-color .2s;text-align:left}.dropdown-item:hover{background-color:var(--color-bg-secondary)}.dropdown-divider{height:1px;background-color:var(--color-bg-tertiary)}.dropdown-logout{color:var(--color-text-secondary)}.dropdown-logout:hover{color:var(--color-warning);background-color:#fce8e6}