.app-input-wrap{display:flex;flex-direction:column;gap:6px}.app-input-label{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;gap:6px}.label-icon{color:var(--text-dim);flex-shrink:0;height:14px;width:14px}.app-input-field{position:relative}.field-icon{color:var(--text-icon);flex-shrink:0;height:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.app-input{background-color:var(--bg-darker);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 2px 8px var(--shadow-dark);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;outline:none;padding:12px var(--space-4);transition:all .2s ease;width:100%}.app-input.with-icon{padding-left:44px}.app-input::-moz-placeholder{color:var(--text-placeholder)}.app-input::placeholder{color:var(--text-placeholder)}.app-input:focus{background-color:var(--bg-dark-hover);border-color:var(--color-primary-focus);box-shadow:0 0 0 3px var(--color-primary-focus-ring)}.app-input:disabled{cursor:not-allowed;opacity:.45}.has-error .app-input{border-color:var(--color-error-focus);box-shadow:0 0 0 3px var(--color-error-focus-ring)}.has-error .app-input:focus{border-color:#d92626b3;box-shadow:0 0 0 3px var(--color-error-focus-ring-strong)}.app-input-error{align-items:center;background-color:var(--color-error-msg-bg);border:1px solid var(--color-error-msg-border);border-radius:8px;color:var(--color-error-light);display:flex;font-size:.8125rem;gap:6px;line-height:1.4;padding:var(--space-2) var(--space-3)}.error-icon{flex-shrink:0;height:15px;width:15px}