.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.input-field{padding:var(--spacing-sm) 12px;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color .15s ease}.input-field:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2563eb1a}.input-field--error{border-color:var(--color-error)}.input-field--error:focus{box-shadow:0 0 0 3px #dc26261a}.input-error{font-size:var(--font-size-sm);color:var(--color-error)}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn--primary{color:#fff;background-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{color:var(--color-text);background-color:var(--color-bg-white);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.alert{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm)}.alert--error{color:var(--color-error);background-color:var(--color-error-bg);border:1px solid var(--color-error-border)}.alert--success{color:var(--color-success);background-color:var(--color-success-bg);border:1px solid var(--color-success-border)}.alert__message{flex:1}.alert__close{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:inherit;padding:0;margin-left:var(--spacing-sm);line-height:1}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-xl);width:100%;max-width:400px}.login-card h1{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--spacing-xs)}.login-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-text: #1f2937;--color-text-light: #6b7280;--color-border: #d1d5db;--color-border-focus: #2563eb;--color-bg: #f9fafb;--color-bg-white: #ffffff;--radius: 6px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}