.header-right{display:flex;align-items:center;gap:8px}.header-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,var(--border-primary) 20%,var(--border-primary) 80%,transparent 100%);margin:0 12px}.panel-switch{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;padding:2px;gap:0;margin-right:8px}.panel-switch-btn{display:inline-flex;align-items:center;padding:6px 16px;font-size:12px;font-weight:500;background:transparent;border:none;border-radius:18px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;line-height:1.4}.panel-switch-btn:hover{color:var(--text-primary)}.panel-switch-btn.active{background:var(--accent-purple);color:#fff;font-weight:600;box-shadow:0 1px 3px #0003}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:20px;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s ease}.user-menu-btn:hover{border-color:var(--border-primary);background:var(--bg-secondary)}.user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.user-menu-btn .chevron-icon{width:14px;height:14px;opacity:.5;transition:transform .2s ease}.user-menu.open .user-menu-btn .chevron-icon{transform:rotate(180deg)}.user-dropdown{position:fixed;width:220px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 32px #0006;z-index:10000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.user-menu.open .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:12px 14px;border-bottom:1px solid var(--border-secondary)}.user-dropdown-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.user-dropdown-email{font-size:11px;color:var(--text-muted)}.user-dropdown-section{padding:6px}.user-dropdown-section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-decoration:none}.user-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-dropdown-item svg{width:15px;height:15px;opacity:.7}.user-dropdown-item.danger:hover{background:var(--accent-red-bg);color:var(--accent-red)}.user-dropdown-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.user-dropdown-divider{height:1px;background:var(--border-secondary);margin:4px 6px}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px}.theme-toggle-row:hover{background:var(--bg-tertiary)}.theme-toggle-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.theme-toggle-label svg{width:15px;height:15px;opacity:.7}.theme-switch{position:relative;width:34px;height:18px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:9px;cursor:pointer;transition:all .2s ease}.theme-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-secondary);border-radius:50%;transition:all .2s ease}[data-theme=dark] .theme-switch{background:var(--accent-purple-bg);border-color:var(--accent-purple)}[data-theme=dark] .theme-switch:after{left:18px;background:var(--accent-purple)}.auth-loading{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:8px;padding:4px 10px}.auth-loading .spinner{width:14px;height:14px;border:2px solid var(--border-primary);border-top-color:var(--accent-purple);border-radius:50%;animation:header-spin .8s linear infinite}@keyframes header-spin{to{transform:rotate(360deg)}}