.field{flex-direction:column;gap:6px;width:100%;display:flex}.field__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);letter-spacing:.2px;text-transform:uppercase;font-weight:600}.field__row{gap:var(--spacing-sm);align-items:stretch;display:flex}.field__row>.field__input{flex:1}.field__input{padding:12px var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast),background var(--transition-fast);width:100%;font-weight:600}.field__input::placeholder{color:var(--color-text-muted);font-weight:400}.field__input:hover{border-color:var(--color-border-strong)}.field__input:focus{border-color:var(--color-primary);background:var(--color-bg-elevated);outline:none}.field__select{padding:12px var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%239aa9c2' d='M6 8L0 0h12z'/></svg>");background-position:right 12px center;background-repeat:no-repeat;min-width:130px;padding-right:36px;font-weight:600}.field__select:hover{border-color:var(--color-border-strong)}.field__select:focus{border-color:var(--color-primary);outline:none}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}