.login-page{background-color:var(--bg-primary);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-8);box-shadow:var(--shadow-lg)}.login-header{margin-bottom:var(--space-8);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.login-logo{width:48px;height:48px;color:var(--accent)}.login-logo svg{width:100%;height:100%}.login-title{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:600}.login-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--color-error);font-size:var(--text-base);text-align:center;background-color:#ea43351f;border:1px solid #ea43354d}.login-submit{width:100%;height:44px;font-size:var(--text-md);margin-top:var(--space-2)}.login-link{text-align:center;font-size:var(--text-base);color:var(--accent);margin-top:var(--space-1);text-decoration:none;display:block}.login-link:hover{text-decoration:underline}.login-success{padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--color-success,#34a853);font-size:var(--text-base);text-align:center;background-color:#34a8531f;border:1px solid #34a8534d}