.btn{justify-content:center;align-items:center;gap:var(--space-1_5);font-family:var(--font-family);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;border:var(--border-width) solid transparent;transition:var(--transition-colors), box-shadow var(--duration-normal) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.btn--sm{height:28px;padding:0 var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--md{height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--primary{background:var(--accent-600);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-700)}.btn--primary:active:not(:disabled){background:var(--accent-800)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.btn--secondary:active:not(:disabled){background:var(--surface-active)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn--ghost:active:not(:disabled){background:var(--surface-active)}.btn--danger{background:var(--danger-600);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-700)}.btn--danger:active:not(:disabled){background:var(--danger-800)}.btn__spinner{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn--loading .btn__label{opacity:.6}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.input-group__error{font-size:var(--text-xs);color:var(--danger-500)}.input-group__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap__icon{left:var(--space-2_5,10px);color:var(--text-tertiary);pointer-events:none;position:absolute}.input{background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-colors), box-shadow var(--duration-normal) var(--ease-default)}.input::placeholder{color:var(--input-placeholder)}.input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 15%, transparent);outline:none}.input-group--error .input{border-color:var(--input-error)}.input-group--error .input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--input-error) 15%, transparent)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.input--sm{height:28px;padding:0 var(--space-2);font-size:var(--text-xs)}.input--md{height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.input--lg{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.input--with-icon{padding-left:calc(var(--space-2) + 16px + var(--space-2))}.input--textarea{min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:var(--leading-normal)}select.input,select.input-field{appearance:none;cursor:pointer;padding-right:calc(var(--space-3) + 16px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23868E96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.input-field{background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);height:34px;padding:0 var(--space-3);font-size:var(--text-sm);transition:border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}.input-field::placeholder{color:var(--input-placeholder)}.input-field:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 15%, transparent);outline:none}.input-field:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-1);display:block}.auth-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-8);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-logo{border-radius:var(--radius-xl);background:var(--accent-50);border:1px solid var(--accent-200);width:52px;height:52px;color:var(--accent-500);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.auth-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.02em;margin:0}.auth-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.auth-back-link{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;padding:0;text-decoration:none;display:flex}.auth-back-link:hover{color:var(--text-primary)}.totp-grid{gap:var(--space-2);margin:var(--space-2) 0;justify-content:center;display:flex}.totp-input{text-align:center;width:48px;height:56px;font-size:var(--text-xl);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--text-primary);background:var(--input-bg,var(--bg-primary));border:1px solid var(--border-strong,var(--border-default));border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);outline:none}.totp-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-500) 15%, transparent)}.totp-input.totp-filled{border-color:var(--accent-300);color:var(--accent-600)}.totp-input:disabled{opacity:.5}