.header-auth-skeleton{width:72px;height:32px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:header-auth-shimmer 1.5s infinite}@keyframes header-auth-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.header-auth-login-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:var(--theme-palette-color-3);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.header-auth-login-btn:hover{border-color:var(--theme-palette-color-1);color:var(--theme-palette-color-1);background:rgba(239,68,68,.04)}.header-auth-desktop{position:relative}.header-auth-trigger{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid #e5e7eb;border-radius:24px;background:#fff;cursor:pointer;transition:all .2s}.header-auth-trigger:hover{border-color:#d1d5db;box-shadow:0 1px 4px rgba(0,0,0,.06)}.header-auth-avatar{width:28px;height:28px;border-radius:50%;background:var(--theme-palette-color-1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.header-auth-name{font-size:.82rem;font-weight:600;color:var(--theme-palette-color-4);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-auth-chevron{color:#9ca3af;transition:transform .2s;flex-shrink:0}.header-auth-chevron.open{transform:rotate(180deg)}.header-auth-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:100;animation:header-auth-dropdown-in .15s ease-out;overflow:hidden}@keyframes header-auth-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-auth-dropdown-header{padding:14px 16px 12px;display:flex;flex-direction:column;gap:2px}.header-auth-dropdown-fullname{font-size:.88rem;font-weight:700;color:var(--theme-palette-color-4)}.header-auth-dropdown-email{font-size:.78rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-auth-dropdown-divider{height:1px;background:#f3f4f6}.header-auth-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:.85rem;font-weight:500;color:var(--theme-palette-color-3);cursor:pointer;transition:all .15s;text-align:left}.header-auth-dropdown-item:hover{background:#fef2f2;color:var(--theme-palette-color-1)}.header-auth-mobile-login{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:1px solid #e5e7eb;border-radius:8px;font-size:.88rem;font-weight:600;color:var(--theme-palette-color-1);cursor:pointer;transition:all .2s}.header-auth-mobile-login:hover{background:rgba(239,68,68,.04);border-color:var(--theme-palette-color-1)}.header-auth-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.header-auth-mobile-user{display:flex;align-items:center;gap:10px;min-width:0}.header-auth-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--theme-palette-color-1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0}.header-auth-mobile-name{font-size:.88rem;font-weight:600;color:var(--theme-palette-color-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-auth-mobile-logout{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:500;color:var(--theme-palette-color-3);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.header-auth-mobile-logout:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}