.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.auth-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--spacing-xl)}.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{margin-bottom:var(--spacing-lg)}.logo-symbol{font-size:3rem;margin-bottom:var(--spacing-md)}.auth-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.auth-header p{color:var(--text-secondary);font-size:1rem;margin:0}.success-icon{width:48px;height:48px;color:#16a34a;margin:0 auto var(--spacing-lg) auto}.auth-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#dc2626;font-size:.9rem;margin-bottom:var(--spacing-lg)}.error-icon{width:18px;height:18px;flex-shrink:0}.auth-form{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);transition:border-color .2s ease,box-shadow .2s ease}.input-wrapper:focus-within{border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-icon{flex-shrink:0;width:18px;height:18px;color:var(--text-secondary);margin-left:12px;margin-right:12px;pointer-events:none}.form-input{flex:1;padding:12px 12px 12px 0!important;border:none!important;border-radius:0!important;background:transparent!important;color:var(--text-primary);font-size:.9rem;outline:none!important;box-shadow:none!important}.form-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input.error{border-color:#dc2626}.form-input.error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.1)}.form-input:disabled{opacity:.6;cursor:not-allowed}.field-error{color:#dc2626;font-size:.8rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary-red);color:white}.btn-primary:hover:not(:disabled){background:var(--primary-red-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-full{width:100%;padding:var(--spacing-lg);font-size:1rem}.btn-icon{width:18px;height:18px}.auth-divider{position:relative;text-align:center;margin:var(--spacing-xl) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-light)}.auth-divider span{background:var(--bg-card);padding:0 var(--spacing-lg);color:var(--text-secondary);font-size:.85rem}.oauth-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.btn-oauth{flex:1;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);padding:var(--spacing-md)}.btn-oauth:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-red);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.oauth-icon{width:20px;height:20px;flex-shrink:0}.auth-footer{text-align:center}.auth-footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.auth-footer a{color:var(--primary-red);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.test-user-info{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.test-user-info h3{color:var(--text-primary);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.test-user-info p{color:var(--text-secondary);font-size:.85rem;margin:0 0 var(--spacing-md) 0}.test-credentials{background:var(--bg-hover);border-radius:var(--radius-sm);padding:var(--spacing-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.test-credentials p{margin:0;color:var(--text-primary)}@media (max-width:768px){.auth-page{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-xl)}.oauth-buttons{flex-direction:column}.logo-symbol{font-size:2.5rem}.auth-header h1{font-size:1.5rem}}:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1)}.theme-light,:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-card:#ffffff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--border-light:#e2e8f0;--primary-red:#ef4444;--primary-red-dark:#dc2626}.theme-dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-light:#334155}