/* Theme toggle for auth pages */
		.auth-theme-toggle {
			position: fixed;
			top: 20px;
			right: 20px;
			z-index: 100;
		}
		.auth-theme-toggle .theme-toggle {
			background: var(--color-white);
			border: 1px solid var(--color-light-gray);
			color: var(--color-text-primary);
		}
		.auth-theme-toggle .theme-toggle:hover {
			border-color: var(--color-lime-green);
		}
		[data-theme="dark"] .auth-theme-toggle .theme-toggle {
			background: var(--color-light-gray);
			border-color: var(--color-light-gray);
		}
		
		/* Dark mode fixes for auth pages */
		[data-theme="dark"] .auth-card .logo,
		[data-theme="dark"] .auth-card .logo-icon span {
			color: #FFFFFF;
		}
		[data-theme="dark"] .auth-card .logo-icon span {
			background: var(--color-lime-green);
		}
		[data-theme="dark"] .auth-title {
			color: var(--color-text-primary);
		}
		[data-theme="dark"] .success-title {
			color: var(--color-text-primary);
		}
		[data-theme="dark"] .back-link:hover {
			color: var(--color-lime-green);
		}
		/* Ensure primary button always has black text on lime-green */
		[data-theme="dark"] .btn-primary {
			background: var(--color-lime-green) !important;
			color: #121212 !important;
		}
		[data-theme="dark"] .btn-primary:hover {
			background: var(--color-lime-dark) !important;
			color: #121212 !important;
		}
		.back-link {
			display: inline-flex;
			align-items: center;
			gap: var(--space-sm);
			color: var(--color-text-secondary);
			text-decoration: none;
			font-size: 14px;
			margin-bottom: var(--space-lg);
			transition: color var(--transition-fast);
		}
		.back-link:hover {
			color: var(--color-purple);
		}
		.success-message {
			display: none;
			background: rgba(34, 197, 94, 0.1);
			border: 1px solid rgba(34, 197, 94, 0.3);
			border-radius: var(--radius-md);
			padding: var(--space-lg);
			text-align: center;
		}
		.success-icon {
			font-size: 2.5rem;
			margin-bottom: var(--space-md);
		}
		.success-title {
			font-size: 1.25rem;
			font-weight: 600;
			color: var(--color-text-primary);
			margin-bottom: var(--space-sm);
		}
		.success-text {
			color: var(--color-text-secondary);
			font-size: 0.875rem;
			line-height: 1.6;
		}
		.error-message {
			display: none;
			align-items: center;
			gap: var(--space-md);
			padding: var(--space-md);
			background: rgba(239, 68, 68, 0.1);
			border: 1px solid rgba(239, 68, 68, 0.3);
			border-radius: var(--radius-md);
			color: #ef4444;
			margin-bottom: var(--space-lg);
		}