.nav-sign-in{color:var(--text-primary);font-weight:var(--font-weight-medium);position:relative;transition:color var(--transition-fast);text-decoration:none}.nav-sign-in:hover{color:var(--primary-color)}.user-menu-container{position:relative;margin-left:var(--spacing-md)}.user-menu-toggle{display:flex;align-items:center;gap:8px;background:0 0;border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:4px 12px 4px 4px;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.user-menu-toggle:hover{background:rgba(59,130,246,5%);border-color:rgba(59,130,246,.3)}.user-menu-toggle.active{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.4)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-avatar.large{width:48px;height:48px;font-size:18px}.user-menu-toggle .fa-chevron-down{font-size:10px;color:var(--text-secondary);transition:transform var(--transition-fast)}.user-menu-toggle.active .fa-chevron-down{transform:rotate(180deg)}.auth-container .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:320px;max-width:400px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:1000;overflow:hidden;border:1px solid rgba(0,0,0,5%)}.auth-container .user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.auth-container .user-info{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid #e2e8f0}.user-details{flex:1}.user-email{font-weight:600;color:var(--text-primary);font-size:14px;word-break:break-word}.user-id{font-size:12px;color:var(--text-secondary);margin-top:2px}.dropdown-section{padding:8px}.dropdown-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);padding:8px 12px 4px}.workspace-list{max-height:300px;overflow-y:auto}.workspace-list::-webkit-scrollbar{width:6px}.workspace-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.workspace-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.workspace-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.workspace-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.workspace-item:hover{background:rgba(59,130,246,5%)}.workspace-logo{width:32px;height:32px;border-radius:6px;object-fit:cover;background:#fff;border:1px solid #e2e8f0}.workspace-icon{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);display:flex;align-items:center;justify-content:center;color:#6366f1}.workspace-info{flex:1;min-width:0}.workspace-name{font-weight:500;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-domain{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-item .fa-external-link-alt{font-size:12px;color:var(--text-light);opacity:0;transition:opacity var(--transition-fast)}.workspace-item:hover .fa-external-link-alt{opacity:1}.dropdown-divider{height:1px;background:#e2e8f0;margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);font-size:14px}.dropdown-item:hover{background:rgba(59,130,246,5%)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:rgba(239,68,68,5%)}@media(max-width:768px){.user-menu-container{margin-left:0;margin-top:var(--spacing-md);width:100%}.user-menu-toggle{width:100%;justify-content:center}.user-dropdown{position:fixed;top:80px;left:10px;right:10px;max-width:none;width:auto}#auth-container{width:100%}#auth-container .btn{width:100%;justify-content:center}}.auth-container .user-dropdown.active .workspace-item,.auth-container .user-dropdown.active .dropdown-item{animation:slideIn .3s ease forwards}.auth-container .user-dropdown.active .workspace-item:nth-child(1){animation-delay:.05s}.auth-container .user-dropdown.active .workspace-item:nth-child(2){animation-delay:.1s}.auth-container .user-dropdown.active .workspace-item:nth-child(3){animation-delay:.15s}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}body.auth-page{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}body.auth-page header{position:absolute;top:0;left:0;right:0;z-index:1000;background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,5%)}body.auth-page .header-container{background:#fff!important}body.auth-page .auth-container{position:relative;z-index:1}#signin-error.auth-error-banner{display:none;margin-bottom:var(--spacing-lg);padding:14px 16px;border-radius:8px;background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;font-weight:500;line-height:1.4;display:flex;align-items:center;gap:10px}#signin-error .fa-exclamation-triangle{color:#ef4444}.auth-form-panel .auth-content>#signin-error{order:-1}